+
Donuts worry about things! Donuts worry about things! Donuts worry about things!
-
+
Donuts worry about things! Donuts worry about things! Donuts worry about things!
-
-
-
We bake our donuts fresh everyday using high-quality ingredients without artificial additives.
+
+
+
We bake our donuts fresh everyday using high-quality ingredients without artificial additives.
Order
diff --git a/donutshop_ecommerce/src/components/layout/HomeCreateBox.js b/donutshop_ecommerce/src/components/layout/HomeCreateBox.js
new file mode 100644
index 0000000..cf8c5cd
--- /dev/null
+++ b/donutshop_ecommerce/src/components/layout/HomeCreateBox.js
@@ -0,0 +1,35 @@
+import Image from 'next/image';
+import React from 'react'
+import { Parallax } from "react-scroll-parallax";
+
+const HomeCreateBox = () => {
+ return (
+
+
+
+
+ View Product
+
+
+
Mothers Day Box
+
Lets show our appreciation for our moms by treating them with Mothers Day Box from Puffy Dough!
+
+
+ View Product
+
+
+
+
+
+ )
+}
+
+export default HomeCreateBox
diff --git a/donutshop_ecommerce/src/components/layout/HomeMenu.js b/donutshop_ecommerce/src/components/layout/HomeMenu.js
index d449944..b9dff0b 100644
--- a/donutshop_ecommerce/src/components/layout/HomeMenu.js
+++ b/donutshop_ecommerce/src/components/layout/HomeMenu.js
@@ -1,8 +1,88 @@
import React from 'react'
+import { Parallax } from "react-scroll-parallax";
+import MenuItem from '../menu/MenuItem';
+import Slider from "react-slick";
+import "slick-carousel/slick/slick.css";
+import "slick-carousel/slick/slick-theme.css";
+
const HomeMenu = () => {
+ var menuSlide = {
+ dots: false,
+ infinite: false,
+ speed: 500,
+ slidesToShow: 5,
+ initialSlide: 0,
+ responsive: [
+ {
+ breakpoint: 1524,
+ settings: {
+ slidesToShow: 4,
+ slidesToScroll: 4,
+ infinite: true,
+ dots: false
+ }
+ },
+ {
+ breakpoint: 1024,
+ settings: {
+ slidesToShow: 3,
+ slidesToScroll: 3,
+ infinite: true,
+ dots: false
+ }
+ },
+ {
+ breakpoint: 810,
+ settings: {
+ slidesToShow: 2,
+ slidesToScroll: 2,
+ initialSlide: 2
+ }
+ },
+ {
+ breakpoint: 480,
+ settings: {
+ slidesToShow: 1,
+ slidesToScroll: 1
+ }
+ }
+ ]
+ };
+
return (
-
HomeMenu
+
+
+
+
+
Treat yourself
+
Puffy Dought offers a wide range of flavors to choose from including classic favorites like glazed and chocolate, as well as unique flavors like Black Sesame Matcha and Passionfruit Creamcheese
+
+
+ View All
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
)
}
diff --git a/donutshop_ecommerce/src/components/menu/MenuItem.js b/donutshop_ecommerce/src/components/menu/MenuItem.js
new file mode 100644
index 0000000..1aaf3ad
--- /dev/null
+++ b/donutshop_ecommerce/src/components/menu/MenuItem.js
@@ -0,0 +1,17 @@
+import React from 'react'
+import Image from 'next/image';
+
+const MenuItem = () => {
+
+
+ return (
+
+
+
Chocolate Beurre noisette Walnut Cream
+
$5.99
+
Add to cart
+
+ )
+}
+
+export default MenuItem
\ No newline at end of file