From d39ddded5cc5c414f67a06cf0fc1c00dbbe5ec18 Mon Sep 17 00:00:00 2001 From: bender Date: Thu, 26 Mar 2026 09:49:35 +0000 Subject: [PATCH 01/10] Update src/app/about/page.tsx --- src/app/about/page.tsx | 252 +++++++++++------------------------------ 1 file changed, 67 insertions(+), 185 deletions(-) diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx index c5102d1..9f51605 100644 --- a/src/app/about/page.tsx +++ b/src/app/about/page.tsx @@ -2,14 +2,11 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import ReactLenis from "lenis/react"; -import AboutMetric from '@/components/sections/about/AboutMetric'; -import FooterBase from '@/components/sections/footer/FooterBase'; +import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal'; import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay'; -import SplitAbout from '@/components/sections/about/SplitAbout'; -import TeamCardFive from '@/components/sections/team/TeamCardFive'; -import { Package, ShoppingCart, Sparkles, Truck, Users } from "lucide-react"; +import TextSplitAbout from '@/components/sections/about/TextSplitAbout'; -export default function LandingPage() { +export default function AboutPage() { return ( - + -
- -
+
+ +
-
- -
- -
- -
- - + ); -- 2.49.1 From f3895c705dde394baff74740a7b47b5350d3cc76 Mon Sep 17 00:00:00 2001 From: bender Date: Thu, 26 Mar 2026 09:49:36 +0000 Subject: [PATCH 02/10] Add src/app/cart/page.tsx --- src/app/cart/page.tsx | 56 +++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 56 insertions(+) create mode 100644 src/app/cart/page.tsx diff --git a/src/app/cart/page.tsx b/src/app/cart/page.tsx new file mode 100644 index 0000000..772ad4c --- /dev/null +++ b/src/app/cart/page.tsx @@ -0,0 +1,56 @@ +"use client"; + +import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; +import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay'; +import ReactLenis from "lenis/react"; +import Link from "next/link"; + +export default function CartPage() { + const navItems = [ + { name: "Home", href: "/" }, + { name: "Products", href: "/#products" }, + { name: "About Us", href: "/#about" }, + { name: "FAQ", href: "/#faq" }, + { name: "Contact", href: "/#contact" }, + { name: "Cart", href: "/cart" }, + { name: "Checkout", href: "/checkout" } + ]; + + return ( + + + +
+

Your Shopping Cart

+

Your cart is currently empty.

+ + Continue Shopping + +
+ + Proceed to Checkout + +
+
+ + + ); +} -- 2.49.1 From b9a0855188cf704be6151b16aa443bbc3f64b0a8 Mon Sep 17 00:00:00 2001 From: bender Date: Thu, 26 Mar 2026 09:49:36 +0000 Subject: [PATCH 03/10] Add src/app/checkout/page.tsx --- src/app/checkout/page.tsx | 74 +++++++++++++++++++++++++++++++++++++++ 1 file changed, 74 insertions(+) create mode 100644 src/app/checkout/page.tsx diff --git a/src/app/checkout/page.tsx b/src/app/checkout/page.tsx new file mode 100644 index 0000000..230cdd9 --- /dev/null +++ b/src/app/checkout/page.tsx @@ -0,0 +1,74 @@ +"use client"; + +import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; +import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay'; +import ReactLenis from "lenis/react"; +import Link from "next/link"; + +export default function CheckoutPage() { + const navItems = [ + { name: "Home", href: "/" }, + { name: "Products", href: "/#products" }, + { name: "About Us", href: "/#about" }, + { name: "FAQ", href: "/#faq" }, + { name: "Contact", href: "/#contact" }, + { name: "Cart", href: "/cart" }, + { name: "Checkout", href: "/checkout" } + ]; + + return ( + + + +
+

Checkout

+

Please fill in your details to complete the purchase.

+
+
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+ + Place Order + +
+
+ + Return to Cart + +
+ + + ); +} -- 2.49.1 From be2a36adcc73e6e127d2fe014e416429e43b2d12 Mon Sep 17 00:00:00 2001 From: bender Date: Thu, 26 Mar 2026 09:49:37 +0000 Subject: [PATCH 04/10] Update src/app/contact/page.tsx --- src/app/contact/page.tsx | 229 ++++++++++++--------------------------- 1 file changed, 72 insertions(+), 157 deletions(-) diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx index a257544..6e1057c 100644 --- a/src/app/contact/page.tsx +++ b/src/app/contact/page.tsx @@ -2,12 +2,11 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import ReactLenis from "lenis/react"; -import ContactCTA from '@/components/sections/contact/ContactCTA'; -import ContactSplitForm from '@/components/sections/contact/ContactSplitForm'; -import FooterBase from '@/components/sections/footer/FooterBase'; +import ContactCenter from '@/components/sections/contact/ContactCenter'; +import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal'; import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay'; -export default function LandingPage() { +export default function ContactPage() { return ( - + -
- -
+
+ +
-
- -
- - + ); -- 2.49.1 From d71f4eff59170ceb13448eb9d880b1229ebee147 Mon Sep 17 00:00:00 2001 From: bender Date: Thu, 26 Mar 2026 09:49:37 +0000 Subject: [PATCH 05/10] Update src/app/faq/page.tsx --- src/app/faq/page.tsx | 239 +++++++++++++++---------------------------- 1 file changed, 83 insertions(+), 156 deletions(-) diff --git a/src/app/faq/page.tsx b/src/app/faq/page.tsx index 480892f..d26fa98 100644 --- a/src/app/faq/page.tsx +++ b/src/app/faq/page.tsx @@ -2,12 +2,11 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import ReactLenis from "lenis/react"; -import ContactCTA from '@/components/sections/contact/ContactCTA'; -import FaqDouble from '@/components/sections/faq/FaqDouble'; -import FooterBase from '@/components/sections/footer/FooterBase'; +import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia'; +import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal'; import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay'; -export default function LandingPage() { +export default function FaqPage() { return ( - + -
- -
+
+ +
-
- -
- - + ); -- 2.49.1 From 78def5644df51bae51ce4883be93d34516179f73 Mon Sep 17 00:00:00 2001 From: bender Date: Thu, 26 Mar 2026 09:49:38 +0000 Subject: [PATCH 06/10] Add src/app/order-confirmation/page.tsx --- src/app/order-confirmation/page.tsx | 54 +++++++++++++++++++++++++++++ 1 file changed, 54 insertions(+) create mode 100644 src/app/order-confirmation/page.tsx diff --git a/src/app/order-confirmation/page.tsx b/src/app/order-confirmation/page.tsx new file mode 100644 index 0000000..956c311 --- /dev/null +++ b/src/app/order-confirmation/page.tsx @@ -0,0 +1,54 @@ +"use client"; + +import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; +import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay'; +import ReactLenis from "lenis/react"; +import Link from "next/link"; +import { CheckCircle } from "lucide-react"; + +export default function OrderConfirmationPage() { + const navItems = [ + { name: "Home", href: "/" }, + { name: "Products", href: "/#products" }, + { name: "About Us", href: "/#about" }, + { name: "FAQ", href: "/#faq" }, + { name: "Contact", href: "/#contact" }, + { name: "Cart", href: "/cart" }, + { name: "Checkout", href: "/checkout" } + ]; + + return ( + + + +
+ +

Order Confirmed!

+

Thank you for your purchase. Your order has been successfully placed and will be processed shortly.

+

A confirmation email with your order details has been sent to your inbox.

+ + Continue Shopping + +
+ + + ); +} -- 2.49.1 From 6fa8a673f6be3d1ee0404c904702602a7f378943 Mon Sep 17 00:00:00 2001 From: bender Date: Thu, 26 Mar 2026 09:49:38 +0000 Subject: [PATCH 07/10] Update src/app/page.tsx --- src/app/page.tsx | 251 +++++++++++------------------------------------ 1 file changed, 56 insertions(+), 195 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 2038e4e..4c525e7 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -23,8 +23,8 @@ export default function LandingPage() { sizing="mediumSizeLargeTitles" background="circleGradient" cardStyle="gradient-radial" - primaryButtonStyle="flat" - secondaryButtonStyle="layered" + primaryButtonStyle="primary-glow" + secondaryButtonStyle="solid" headingFontWeight="extrabold" > @@ -32,69 +32,44 @@ export default function LandingPage() {
@@ -107,45 +82,17 @@ export default function LandingPage() { useInvertedBackground={false} products={[ { - id: "p1", - brand: "Tech Innovations", - name: "Wireless Earbuds Pro", - price: "$79.99", - rating: 5, - reviewCount: "120 reviews", - imageSrc: "http://img.b2bpic.net/free-photo/front-view-hand-holding-virtual-reality-headset_23-2148775908.jpg?_wi=1", - imageAlt: "Wireless Earbuds Pro", - }, + id: "p1", brand: "Tech Innovations", name: "Wireless Earbuds Pro", price: "$79.99", rating: 5, + reviewCount: "120 reviews", imageSrc: "http://img.b2bpic.net/free-photo/front-view-hand-holding-virtual-reality-headset_23-2148775908.jpg?_wi=1", imageAlt: "Wireless Earbuds Pro"}, { - id: "p2", - brand: "Home & Hearth", - name: "Ceramic Plant Pot Set", - price: "$45.00", - rating: 4, - reviewCount: "85 reviews", - imageSrc: "http://img.b2bpic.net/free-photo/close-up-arrangement-modern-vases_23-2149646532.jpg?_wi=1", - imageAlt: "Ceramic Plant Pot Set", - }, + id: "p2", brand: "Home & Hearth", name: "Ceramic Plant Pot Set", price: "$45.00", rating: 4, + reviewCount: "85 reviews", imageSrc: "http://img.b2bpic.net/free-photo/close-up-arrangement-modern-vases_23-2149646532.jpg?_wi=1", imageAlt: "Ceramic Plant Pot Set"}, { - id: "p3", - brand: "Fashion Forward", - name: "Unisex Hoodie Comfort", - price: "$59.99", - rating: 5, - reviewCount: "150 reviews", - imageSrc: "http://img.b2bpic.net/free-photo/still-life-spring-wardrobe-switch_23-2150478953.jpg?_wi=1", - imageAlt: "Unisex Hoodie Comfort", - }, + id: "p3", brand: "Fashion Forward", name: "Unisex Hoodie Comfort", price: "$59.99", rating: 5, + reviewCount: "150 reviews", imageSrc: "http://img.b2bpic.net/free-photo/still-life-spring-wardrobe-switch_23-2150478953.jpg?_wi=1", imageAlt: "Unisex Hoodie Comfort"}, { - id: "p4", - brand: "Kitchen Master", - name: "Multi-function Blender", - price: "$120.00", - rating: 4, - reviewCount: "90 reviews", - imageSrc: "http://img.b2bpic.net/free-photo/woman-buys-dishes-store_1157-36696.jpg?_wi=1", - imageAlt: "Multi-function Blender", - }, + id: "p4", brand: "Kitchen Master", name: "Multi-function Blender", price: "$120.00", rating: 4, + reviewCount: "90 reviews", imageSrc: "http://img.b2bpic.net/free-photo/woman-buys-dishes-store_1157-36696.jpg?_wi=1", imageAlt: "Multi-function Blender"}, ]} title="Our Trending Collections" description="Hand-picked items for every lifestyle. Find what you love, effortlessly." @@ -159,18 +106,10 @@ export default function LandingPage() { features={[ { id: 1, - title: "Fast & Reliable Shipping", - description: "Experience quick delivery straight to your doorstep. We partner with trusted carriers to ensure your items arrive safely and on time.", - imageSrc: "http://img.b2bpic.net/free-photo/bearded-delivery-man-red-uniform-cap-holding-large-box-package-suffering-from-heavy-weight-standing-orange-wall_141793-48146.jpg?_wi=1", - imageAlt: "Fast delivery truck", - }, + title: "Fast & Reliable Shipping", description: "Experience quick delivery straight to your doorstep. We partner with trusted carriers to ensure your items arrive safely and on time.", imageSrc: "http://img.b2bpic.net/free-photo/bearded-delivery-man-red-uniform-cap-holding-large-box-package-suffering-from-heavy-weight-standing-orange-wall_141793-48146.jpg?_wi=1", imageAlt: "Fast delivery truck"}, { id: 2, - title: "Curated Quality Products", - description: "Every item in our store is hand-picked for its quality, style, and value. Shop with confidence knowing you're getting the best.", - imageSrc: "http://img.b2bpic.net/free-vector/certified-extended-warranty-shield-badge-with-tick-mark-design_1017-61519.jpg?_wi=1", - imageAlt: "Magnifying glass over product", - }, + title: "Curated Quality Products", description: "Every item in our store is hand-picked for its quality, style, and value. Shop with confidence knowing you're getting the best.", imageSrc: "http://img.b2bpic.net/free-vector/certified-extended-warranty-shield-badge-with-tick-mark-design_1017-61519.jpg?_wi=1", imageAlt: "Magnifying glass over product"}, ]} title="Why Shop With Us?" description="We make dropshipping simple and delightful for you." @@ -182,9 +121,7 @@ export default function LandingPage() { useInvertedBackground={false} title="Our Story" description={[ - "At DropStore, we believe in bringing joy and convenience to your shopping experience. We scour the globe for unique, high-quality products that you'll love, and deliver them right to your doorstep, hassle-free.", - "Our mission is to simplify online retail by providing a seamless platform for customers to discover innovative products without the complexity of traditional stores. We prioritize customer satisfaction and efficient service above all else.", - ]} + "At DropStore, we believe in bringing joy and convenience to your shopping experience. We scour the globe for unique, high-quality products that you'll love, and deliver them right to your doorstep, hassle-free.", "Our mission is to simplify online retail by providing a seamless platform for customers to discover innovative products without the complexity of traditional stores. We prioritize customer satisfaction and efficient service above all else."]} /> @@ -195,72 +132,30 @@ export default function LandingPage() { useInvertedBackground={false} testimonials={[ { - id: "1", - name: "Sarah Johnson", - role: "Fashion Blogger", - company: "StyleMaven", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/curly-lady-reaches-out-her-hand-man-sitting-before-bright-window-morning_1304-3321.jpg?_wi=1", - imageAlt: "Sarah Johnson", - }, + id: "1", name: "Sarah Johnson", role: "Fashion Blogger", company: "StyleMaven", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/curly-lady-reaches-out-her-hand-man-sitting-before-bright-window-morning_1304-3321.jpg?_wi=1", imageAlt: "Sarah Johnson"}, { - id: "2", - name: "Michael Chen", - role: "Tech Enthusiast", - company: "GadgetGeek", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/excited-adult-handsome-man-looking-camera-doing-you-gesture-isolated-green-wall_141793-113627.jpg?_wi=1", - imageAlt: "Michael Chen", - }, + id: "2", name: "Michael Chen", role: "Tech Enthusiast", company: "GadgetGeek", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/excited-adult-handsome-man-looking-camera-doing-you-gesture-isolated-green-wall_141793-113627.jpg?_wi=1", imageAlt: "Michael Chen"}, { - id: "3", - name: "Emily Rodriguez", - role: "Home Decorator", - company: "Nestling Designs", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/sideways-beautiful-female-friends-looking-away_23-2148694140.jpg?_wi=1", - imageAlt: "Emily Rodriguez", - }, + id: "3", name: "Emily Rodriguez", role: "Home Decorator", company: "Nestling Designs", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/sideways-beautiful-female-friends-looking-away_23-2148694140.jpg?_wi=1", imageAlt: "Emily Rodriguez"}, { - id: "4", - name: "David Kim", - role: "Student", - company: "University of Tech", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/woman-with-coffee-cup-showing-thumb-up_23-2148055893.jpg?_wi=1", - imageAlt: "David Kim", - }, + id: "4", name: "David Kim", role: "Student", company: "University of Tech", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/woman-with-coffee-cup-showing-thumb-up_23-2148055893.jpg?_wi=1", imageAlt: "David Kim"}, { - id: "5", - name: "Jessica Lee", - role: "Entrepreneur", - company: "Innovate LLC", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/successful-young-dark-skinned-woman-wearing-stylish-turtleneck-smiling-positively-showing-thumbs-up-gesture_344912-1031.jpg", - imageAlt: "Jessica Lee", - }, + id: "5", name: "Jessica Lee", role: "Entrepreneur", company: "Innovate LLC", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/successful-young-dark-skinned-woman-wearing-stylish-turtleneck-smiling-positively-showing-thumbs-up-gesture_344912-1031.jpg", imageAlt: "Jessica Lee"}, ]} kpiItems={[ { - id: "kpi-1", - value: "100%", - title: "Satisfaction", - description: "Guaranteed quality and service.", - icon: Shield, + id: "kpi-1", value: "100%", title: "Satisfaction", description: "Guaranteed quality and service.", icon: Shield, }, { - id: "kpi-2", - value: "24/7", - title: "Support", - description: "Always here to help you.", - icon: Headphones, + id: "kpi-2", value: "24/7", title: "Support", description: "Always here to help you.", icon: Headphones, }, { - id: "kpi-3", - value: "50K+", - title: "Products", - description: "Explore our vast catalog.", - icon: ShoppingBag, + id: "kpi-3", value: "50K+", title: "Products", description: "Explore our vast catalog.", icon: ShoppingBag, }, ]} title="What Our Customers Say" @@ -274,25 +169,13 @@ export default function LandingPage() { useInvertedBackground={false} faqs={[ { - id: "q1", - title: "How long does shipping take?", - content: "Shipping times vary depending on your location and the specific product, but typically range from 7-20 business days. You'll receive a tracking number once your order is dispatched.", - }, + id: "q1", title: "How long does shipping take?", content: "Shipping times vary depending on your location and the specific product, but typically range from 7-20 business days. You'll receive a tracking number once your order is dispatched."}, { - id: "q2", - title: "What is your return policy?", - content: "We offer a 30-day return policy for most items. If you're not satisfied with your purchase, please contact our support team to initiate a return or exchange.", - }, + id: "q2", title: "What is your return policy?", content: "We offer a 30-day return policy for most items. If you're not satisfied with your purchase, please contact our support team to initiate a return or exchange."}, { - id: "q3", - title: "Do you offer international shipping?", - content: "Yes, we ship worldwide! International shipping rates and times will be calculated at checkout based on your delivery address.", - }, + id: "q3", title: "Do you offer international shipping?", content: "Yes, we ship worldwide! International shipping rates and times will be calculated at checkout based on your delivery address."}, { - id: "q4", - title: "How can I track my order?", - content: "Once your order is shipped, you will receive an email with a tracking number and a link to track your package's journey. You can also log in to your account for order updates.", - }, + id: "q4", title: "How can I track my order?", content: "Once your order is shipped, you will receive an email with a tracking number and a link to track your package's journey. You can also log in to your account for order updates."}, ]} imageSrc="http://img.b2bpic.net/free-photo/young-bald-call-center-man-wearing-headset-sitting-desk-with-work-tools-holding-looking-clipboard-drinking-coffee-isolated-purple-background_141793-84942.jpg?_wi=1" imageAlt="Customer support person answering questions" @@ -307,8 +190,7 @@ export default function LandingPage() { Date: Thu, 26 Mar 2026 09:49:38 +0000 Subject: [PATCH 08/10] Add src/app/products/[productId]/page.tsx --- src/app/products/[productId]/page.tsx | 234 ++++++++++++++++++++++++++ 1 file changed, 234 insertions(+) create mode 100644 src/app/products/[productId]/page.tsx diff --git a/src/app/products/[productId]/page.tsx b/src/app/products/[productId]/page.tsx new file mode 100644 index 0000000..ed0d81b --- /dev/null +++ b/src/app/products/[productId]/page.tsx @@ -0,0 +1,234 @@ +"use client"; + +import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; +import ReactLenis from "lenis/react"; +import ButtonBounceEffect from '@/components/button/ButtonBounceEffect/ButtonBounceEffect'; +import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay'; +import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal'; + +const productsData = [ + { + id: "p1", brand: "Tech Innovations", name: "Wireless Earbuds Pro", price: "$79.99", rating: 5, + reviewCount: "120 reviews", imageSrc: "http://img.b2bpic.net/free-photo/front-view-hand-holding-virtual-reality-headset_23-2148775908.jpg?_wi=1", imageAlt: "Wireless Earbuds Pro", description: "Immerse yourself in crystal-clear audio with these advanced wireless earbuds. Featuring active noise cancellation and a comfortable, ergonomic design, they are perfect for music lovers and professionals alike. Enjoy up to 24 hours of battery life with the charging case and seamless connectivity.", details: [ + "Active Noise Cancellation", "24-Hour Battery Life", "Ergonomic Design", "Bluetooth 5.2", "Water Resistant (IPX4)" + ] + }, + { + id: "p2", brand: "Home & Hearth", name: "Ceramic Plant Pot Set", price: "$45.00", rating: 4, + reviewCount: "85 reviews", imageSrc: "http://img.b2bpic.net/free-photo/close-up-arrangement-modern-vases_23-2149646532.jpg?_wi=1", imageAlt: "Ceramic Plant Pot Set", description: "Elevate your indoor garden with this stylish set of ceramic plant pots. Crafted from high-quality ceramic, these pots are durable and feature a minimalist design that complements any decor. Perfect for succulents, herbs, and small houseplants.", details: [ + "Set of 3 assorted sizes", "High-quality ceramic", "Drainage holes with stoppers", "Modern minimalist design", "Ideal for indoor plants" + ] + }, + { + id: "p3", brand: "Fashion Forward", name: "Unisex Hoodie Comfort", price: "$59.99", rating: 5, + reviewCount: "150 reviews", imageSrc: "http://img.b2bpic.net/free-photo/still-life-spring-wardrobe-switch_23-2150478953.jpg?_wi=1", imageAlt: "Unisex Hoodie Comfort", description: "Stay cozy and stylish with our Unisex Hoodie Comfort. Made from a premium cotton blend, it offers exceptional softness and warmth. The classic fit and versatile design make it a wardrobe essential for any season.", details: [ + "Premium cotton blend", "Soft fleece interior", "Adjustable drawstring hood", "Kangaroo pocket", "Available in multiple colors" + ] + }, + { + id: "p4", brand: "Kitchen Master", name: "Multi-function Blender", price: "$120.00", rating: 4, + reviewCount: "90 reviews", imageSrc: "http://img.b2bpic.net/free-photo/woman-buys-dishes-store_1157-36696.jpg?_wi=1", imageAlt: "Multi-function Blender", description: "Unleash your culinary creativity with the Multi-function Blender. This powerful blender features multiple speed settings and pre-programmed modes for smoothies, soups, and crushing ice. Its durable blades and easy-to-clean design make meal prep a breeze.", details: [ + "1200W powerful motor", "Multiple speed settings", "Stainless steel blades", "2L BPA-free pitcher", "Easy to clean" + ] + } +]; + +interface ProductDetailPageProps { + params: { + productId: string; + }; +} + +export default function ProductDetailPage({ params }: ProductDetailPageProps) { + const { productId } = params; + const product = productsData.find((p) => p.id === productId); + + if (!product) { + return ( + + + +
+

Product Not Found

+

The product you are looking for does not exist.

+ +
+ + + + ); + } + + return ( + + + +
+
+ {/* Product Image */} +
+ {product.imageAlt} +
+ + {/* Product Details */} +
+

+ {product.brand} +

+

+ {product.name} +

+
+ {/* Simple star rating - not using a specific component for simplicity */} +
+ {Array.from({ length: product.rating }).map((_, i) => ( + + + + ))} +
+ + ({product.reviewCount}) + +
+ +

+ {product.price} +

+ +

+ {product.description} +

+ + {product.details && ( +
+

Key Features

+
    + {product.details.map((detail, index) => ( +
  • {detail}
    • + ))} +
+
+ )} + +
+ alert(`Added ${product.name} to cart!`)} + className="px-8 py-3 w-fit" + /> +
+
+
+
+ + + + ); +} -- 2.49.1 From 56d5a41382239fbfdec8c841273784148b9eb563 Mon Sep 17 00:00:00 2001 From: bender Date: Thu, 26 Mar 2026 09:49:39 +0000 Subject: [PATCH 09/10] Add src/app/shop/page.tsx --- src/app/shop/page.tsx | 114 ++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 114 insertions(+) create mode 100644 src/app/shop/page.tsx diff --git a/src/app/shop/page.tsx b/src/app/shop/page.tsx new file mode 100644 index 0000000..4255ad4 --- /dev/null +++ b/src/app/shop/page.tsx @@ -0,0 +1,114 @@ +"use client"; + +import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; +import ReactLenis from "lenis/react"; +import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay'; +import ProductCardThree from '@/components/sections/product/ProductCardThree'; +import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal'; + +export default function ShopPage() { + return ( + + + + +
+ {/* Placeholder for filtering and sorting controls */} + +
+ + + + + ); +} -- 2.49.1 From 76f2e4d2ce5d1c72ca05b983a2892cfc6823463c Mon Sep 17 00:00:00 2001 From: bender Date: Thu, 26 Mar 2026 09:49:39 +0000 Subject: [PATCH 10/10] Update src/app/styles/variables.css --- src/app/styles/variables.css | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/src/app/styles/variables.css b/src/app/styles/variables.css index 3d0e32c..5afd156 100644 --- a/src/app/styles/variables.css +++ b/src/app/styles/variables.css @@ -12,13 +12,13 @@ --background: #ffffff; --card: #f9f9f9; - --foreground: #000f06e6; - --primary-cta: #0a7039; + --foreground: #000612e6; + --primary-cta: #106EFB; --primary-cta-text: #ffffff; --secondary-cta: #f9f9f9; --secondary-cta-text: #000f06e6; --accent: #e2e2e2; - --background-accent: #c4c4c4; + --background-accent: #106EFB; /* text sizing - set by ThemeProvider */ /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem); -- 2.49.1