Update src/app/styles/variables.css

Merge version_1 into main

src/app/page.tsx

@@ -5,9 +5,9 @@ import ReactLenis from "lenis/react";
 import ContactText from '@/components/sections/contact/ContactText';
 import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
-import ProductCardThree from '@/components/sections/product/ProductCardThree';
+import ProductCardFour from '@/components/sections/product/ProductCardFour';
 import SplitAbout from '@/components/sections/about/SplitAbout';
-import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
+import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
 
 export default function LandingPage() {
   return (
@@ -28,25 +28,15 @@ export default function LandingPage() {
       <NavbarStyleFullscreen
       navItems={[
         {
-          name: "Home",
-          id: "hero",
-        },
+          name: "Home",          id: "hero"},
         {
-          name: "Pasta",
-          id: "products",
-        },
+          name: "Pasta",          id: "products"},
         {
-          name: "Our Craft",
-          id: "about",
-        },
+          name: "Our Craft",          id: "about"},
         {
-          name: "Reviews",
-          id: "testimonials",
-        },
+          name: "Reviews",          id: "testimonials"},
         {
-          name: "Contact",
-          id: "contact",
-        },
+          name: "Contact",          id: "contact"},
       ]}
       brandName="Duppy Dou"
     />
@@ -56,102 +46,57 @@ export default function LandingPage() {
       <HeroSplitTestimonial
       useInvertedBackground={true}
       background={{
-        variant: "sparkles-gradient",
-      }}
+        variant: "sparkles-gradient"}}
       title="Duppy Dou — Pastas"
       description="Pasta hecha con alma. Experience the authentic craft of artisan Italian pasta, brought directly to your home with unmatched luxury."
       testimonials={[
         {
-          name: "Elena Rossi",
-          handle: "@elena",
-          testimonial: "The best pasta I have tasted outside Italy.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/dreams-young-woman-sitting-kitchen-looking-thoughtful_259150-57957.jpg?_wi=1",
-        },
+          name: "Elena Rossi",          handle: "@elena",          testimonial: "The best pasta I have tasted outside Italy.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/dreams-young-woman-sitting-kitchen-looking-thoughtful_259150-57957.jpg?_wi=1"},
         {
-          name: "Marco V.",
-          handle: "@marco",
-          testimonial: "Incredible texture and flavor profile.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-eating-pasta-italian-restaurant_1303-24363.jpg?_wi=1",
-        },
+          name: "Marco V.",          handle: "@marco",          testimonial: "Incredible texture and flavor profile.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/woman-eating-pasta-italian-restaurant_1303-24363.jpg?_wi=1"},
         {
-          name: "Sarah J.",
-          handle: "@sarahj",
-          testimonial: "Restaurant quality at home.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-eating-pasta-italian-restaurant_1303-24358.jpg?_wi=1",
-        },
+          name: "Sarah J.",          handle: "@sarahj",          testimonial: "Restaurant quality at home.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/woman-eating-pasta-italian-restaurant_1303-24358.jpg?_wi=1"},
         {
-          name: "David P.",
-          handle: "@dpasta",
-          testimonial: "The flavor is truly exceptional.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/man-doing-household-tasks_23-2151733202.jpg?_wi=1",
-        },
+          name: "David P.",          handle: "@dpasta",          testimonial: "The flavor is truly exceptional.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/man-doing-household-tasks_23-2151733202.jpg?_wi=1"},
         {
-          name: "Anna W.",
-          handle: "@anna",
-          testimonial: "Brings the soul of Italy to my table.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/chicken-tagliatelle-sauce-parmesan_140725-6574.jpg?_wi=1",
-        },
+          name: "Anna W.",          handle: "@anna",          testimonial: "Brings the soul of Italy to my table.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/chicken-tagliatelle-sauce-parmesan_140725-6574.jpg?_wi=1"},
       ]}
       buttons={[
         {
-          text: "Shop Now",
-          href: "#products",
-        },
+          text: "Shop Now",          href: "#products"},
         {
-          text: "Our Craft",
-          href: "#about",
-        },
+          text: "Our Craft",          href: "#about"},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/close-up-person-cutting-dough-pasta_23-2148296882.jpg"
       mediaAnimation="blur-reveal"
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/dreams-young-woman-sitting-kitchen-looking-thoughtful_259150-57957.jpg",
-          alt: "Customer 1",
-        },
+          src: "http://img.b2bpic.net/free-photo/dreams-young-woman-sitting-kitchen-looking-thoughtful_259150-57957.jpg",          alt: "Customer 1"},
         {
-          src: "http://img.b2bpic.net/free-photo/woman-eating-pasta-italian-restaurant_1303-24363.jpg",
-          alt: "Customer 2",
-        },
+          src: "http://img.b2bpic.net/free-photo/woman-eating-pasta-italian-restaurant_1303-24363.jpg",          alt: "Customer 2"},
         {
-          src: "http://img.b2bpic.net/free-photo/woman-eating-pasta-italian-restaurant_1303-24358.jpg",
-          alt: "Customer 3",
-        },
+          src: "http://img.b2bpic.net/free-photo/woman-eating-pasta-italian-restaurant_1303-24358.jpg",          alt: "Customer 3"},
         {
-          src: "http://img.b2bpic.net/free-photo/man-doing-household-tasks_23-2151733202.jpg",
-          alt: "Customer 4",
-        },
+          src: "http://img.b2bpic.net/free-photo/man-doing-household-tasks_23-2151733202.jpg",          alt: "Customer 4"},
         {
-          src: "http://img.b2bpic.net/free-photo/chicken-tagliatelle-sauce-parmesan_140725-6574.jpg",
-          alt: "Customer 5",
-        },
+          src: "http://img.b2bpic.net/free-photo/chicken-tagliatelle-sauce-parmesan_140725-6574.jpg",          alt: "Customer 5"},
       ]}
       marqueeItems={[
         {
-          type: "text",
-          text: "100% Organic",
-        },
+          type: "text",          text: "100% Organic"},
         {
-          type: "text",
-          text: "Handcrafted Daily",
-        },
+          type: "text",          text: "Handcrafted Daily"},
         {
-          type: "text",
-          text: "Bronze Cut",
-        },
+          type: "text",          text: "Bronze Cut"},
         {
-          type: "text",
-          text: "Authentic Italian",
-        },
+          type: "text",          text: "Authentic Italian"},
         {
-          type: "text",
-          text: "Slow Dried",
-        },
+          type: "text",          text: "Slow Dried"},
       ]}
     />
   </div>
@@ -164,17 +109,11 @@ export default function LandingPage() {
       description="We hand-shape every strand using traditional techniques and the finest durum semolina. Our process is a tribute to the slow, intentional art of pasta making."
       bulletPoints={[
         {
-          title: "100% Organic",
-          description: "Sourced from small-batch Italian farms.",
-        },
+          title: "100% Organic",          description: "Sourced from small-batch Italian farms."},
         {
-          title: "Bronze Cut",
-          description: "For the perfect sauce-gripping texture.",
-        },
+          title: "Bronze Cut",          description: "For the perfect sauce-gripping texture."},
         {
-          title: "Slow Dried",
-          description: "Preserving nutrients and full flavor.",
-        },
+          title: "Slow Dried",          description: "Preserving nutrients and full flavor."},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/close-up-hands-with-pizza-cutter-utensils_23-2148296890.jpg"
       mediaAnimation="slide-up"
@@ -182,48 +121,24 @@ export default function LandingPage() {
   </div>
 
   <div id="products" data-section="products">
-      <ProductCardThree
-      animationType="scale-rotate"
+      <ProductCardFour
+      animationType="blur-reveal"
       textboxLayout="default"
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={true}
       products={[
         {
-          id: "p1",
-          name: "Golden Fettuccine",
-          price: "$12.00",
-          imageSrc: "http://img.b2bpic.net/free-photo/dark-pasta-plate-dark-cloth_23-2148340417.jpg",
-        },
+          id: "p1",          name: "Golden Fettuccine",          price: "$12.00",          variant: "Artisan",          imageSrc: "http://img.b2bpic.net/free-photo/dark-pasta-plate-dark-cloth_23-2148340417.jpg"},
         {
-          id: "p2",
-          name: "Orecchiette Rustica",
-          price: "$14.00",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-with-apron-holding-dough_23-2148296873.jpg",
-        },
+          id: "p2",          name: "Orecchiette Rustica",          price: "$14.00",          variant: "Artisan",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-with-apron-holding-dough_23-2148296873.jpg"},
         {
-          id: "p3",
-          name: "Signature Ravioli",
-          price: "$18.00",
-          imageSrc: "http://img.b2bpic.net/free-photo/seafood-fettuccini-with-creamy-sauce-parmesan-topped-with-cherry-tomato-dill_140725-1612.jpg",
-        },
+          id: "p3",          name: "Signature Ravioli",          price: "$18.00",          variant: "Artisan",          imageSrc: "http://img.b2bpic.net/free-photo/seafood-fettuccini-with-creamy-sauce-parmesan-topped-with-cherry-tomato-dill_140725-1612.jpg"},
         {
-          id: "p4",
-          name: "Pappardelle Ribbons",
-          price: "$13.00",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-natural-seeds-concept_23-2148578405.jpg",
-        },
+          id: "p4",          name: "Pappardelle Ribbons",          price: "$13.00",          variant: "Artisan",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-natural-seeds-concept_23-2148578405.jpg"},
         {
-          id: "p5",
-          name: "Artisan Selection",
-          price: "$25.00",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-different-pasta-composition-raw-product-inside-plates-grey_140725-103938.jpg",
-        },
+          id: "p5",          name: "Artisan Selection",          price: "$25.00",          variant: "Artisan",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-different-pasta-composition-raw-product-inside-plates-grey_140725-103938.jpg"},
         {
-          id: "p6",
-          name: "Rustic Fusilli",
-          price: "$11.00",
-          imageSrc: "http://img.b2bpic.net/free-photo/brown-raw-fusilli-pasta-scattered-blue-space_114579-76338.jpg",
-        },
+          id: "p6",          name: "Rustic Fusilli",          price: "$11.00",          variant: "Artisan",          imageSrc: "http://img.b2bpic.net/free-photo/brown-raw-fusilli-pasta-scattered-blue-space_114579-76338.jpg"},
       ]}
       title="Our Collection"
       description="Premium shapes for your culinary masterpieces."
@@ -231,50 +146,21 @@ export default function LandingPage() {
   </div>
 
   <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTen
+      <TestimonialCardThirteen
+      showRating={true}
+      animationType="depth-3d"
       textboxLayout="default"
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "t1",
-          title: "Perfect texture",
-          quote: "Stunning quality, like a restaurant in Rome.",
-          name: "Sarah J.",
-          role: "Foodie",
-          imageSrc: "http://img.b2bpic.net/free-photo/dreams-young-woman-sitting-kitchen-looking-thoughtful_259150-57957.jpg?_wi=2",
-        },
+          id: "t1",          name: "Sarah J.",          handle: "@foodie",          testimonial: "Stunning quality, like a restaurant in Rome.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/dreams-young-woman-sitting-kitchen-looking-thoughtful_259150-57957.jpg?_wi=2"},
         {
-          id: "t2",
-          title: "Pure craft",
-          quote: "You can taste the dedication in every bite.",
-          name: "Michael K.",
-          role: "Home Chef",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-eating-pasta-italian-restaurant_1303-24363.jpg?_wi=2",
-        },
+          id: "t2",          name: "Michael K.",          handle: "@homechef",          testimonial: "You can taste the dedication in every bite.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/woman-eating-pasta-italian-restaurant_1303-24363.jpg?_wi=2"},
         {
-          id: "t3",
-          title: "Highly recommend",
-          quote: "Finally, pasta that respects tradition.",
-          name: "Laura G.",
-          role: "Gourmet",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-eating-pasta-italian-restaurant_1303-24358.jpg?_wi=2",
-        },
-        {
-          id: "t4",
-          title: "Exceptional",
-          quote: "I never buy supermarket pasta anymore.",
-          name: "David P.",
-          role: "Customer",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-doing-household-tasks_23-2151733202.jpg?_wi=2",
-        },
-        {
-          id: "t5",
-          title: "Love it",
-          quote: "Brings the soul of Italy to my dinner table.",
-          name: "Anna W.",
-          role: "Food Blogger",
-          imageSrc: "http://img.b2bpic.net/free-photo/chicken-tagliatelle-sauce-parmesan_140725-6574.jpg?_wi=2",
-        },
+          id: "t3",          name: "Laura G.",          handle: "@gourmet",          testimonial: "Finally, pasta that respects tradition.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/woman-eating-pasta-italian-restaurant_1303-24358.jpg?_wi=2"},
       ]}
       title="Soulful Reviews"
       description="What our passionate community says."
@@ -285,14 +171,11 @@ export default function LandingPage() {
       <ContactText
       useInvertedBackground={true}
       background={{
-        variant: "gradient-bars",
-      }}
+        variant: "gradient-bars"}}
       text="Ready to bring the artisan soul into your kitchen?"
       buttons={[
         {
-          text: "Contact Us",
-          href: "https://wa.me/1234567890",
-        },
+          text: "Contact Us",          href: "https://wa.me/1234567890"},
       ]}
     />
   </div>

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #ffffff;
-  --card: #f9f9f9;
-  --foreground: #000f06e6;
-  --primary-cta: #0a7039;
+  --background: #0a0a0a;
+  --card: #1a1a1a;
+  --foreground: #ffffff;
+  --primary-cta: #ffdf7d;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #f9f9f9;
+  --secondary-cta: #1a1a1a;
   --secondary-cta-text: #000f06e6;
-  --accent: #e2e2e2;
-  --background-accent: #c4c4c4;
+  --accent: #b8860b;
+  --background-accent: #8b6914;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);