Update src/app/styles/variables.css

src/app/page.tsx

@@ -17,43 +17,22 @@ import { Award, Heart, Utensils } from "lucide-react";
 export default function LandingPage() {
   return (
     <ThemeProvider
-        defaultButtonVariant="expand-hover"
+        defaultButtonVariant="bounce-effect"
-        defaultTextAnimation="background-highlight"
+        defaultTextAnimation="reveal-blur"
         borderRadius="soft"
         contentWidth="smallMedium"
         sizing="mediumLargeSizeLargeTitles"
-        background="floatingGradient"
+        background="noise"
-        cardStyle="layered-gradient"
+        cardStyle="glass-depth"
-        primaryButtonStyle="double-inset"
+        primaryButtonStyle="flat"
         secondaryButtonStyle="solid"
         headingFontWeight="bold"
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
       <NavbarStyleApple
-      navItems={[
+      navItems={[]}
-        {
+      brandName=""
-          name: "Home",
-          id: "#home",
-        },
-        {
-          name: "Menu",
-          id: "#menu",
-        },
-        {
-          name: "About",
-          id: "#about",
-        },
-        {
-          name: "Testimonials",
-          id: "#testimonials",
-        },
-        {
-          name: "Contact",
-          id: "#contact",
-        },
-      ]}
-      brandName="FC Cravings"
     />
   </div>
 
@@ -61,66 +40,36 @@ export default function LandingPage() {
       <HeroSplitTestimonial
       useInvertedBackground={false}
       background={{
-        variant: "plain",
+        variant: "plain"}}
-      }}
       imagePosition="right"
       title="Experience Unforgettable Flavors at FC Cravings"
       description="FC Cravings offers a modern take on comfort food, crafted with passion and fresh, local ingredients. Satisfy your cravings with every bite, in an atmosphere designed for true culinary enjoyment."
       testimonials={[
         {
-          name: "Sarah L.",
+          name: "Sarah L.",          handle: "@foodie_sarah",          testimonial: "Absolutely blown away by the flavors! FC Cravings has quickly become my favorite spot. The ambiance is perfect for a relaxed evening.",          rating: 5,
-          handle: "@foodie_sarah",
+          imageSrc: "http://img.b2bpic.net/free-photo/impressed-young-caucasian-male-barber-wearing-uniform-glasses-holding-speaker-looking-side-isolated-orange-background-with-copy-space_141793-31677.jpg",          imageAlt: "Sarah L."},
-          testimonial: "Absolutely blown away by the flavors! FC Cravings has quickly become my favorite spot. The ambiance is perfect for a relaxed evening.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/impressed-young-caucasian-male-barber-wearing-uniform-glasses-holding-speaker-looking-side-isolated-orange-background-with-copy-space_141793-31677.jpg",
-          imageAlt: "Sarah L.",
-        },
         {
-          name: "Michael R.",
+          name: "Michael R.",          handle: "@mike_eats",          testimonial: "The signature burger is a game-changer! Every dish is crafted with such care and passion. A must-visit for any food enthusiast.",          rating: 5,
-          handle: "@mike_eats",
+          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-taking-food-photos_23-2149250116.jpg",          imageAlt: "Michael R."},
-          testimonial: "The signature burger is a game-changer! Every dish is crafted with such care and passion. A must-visit for any food enthusiast.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-taking-food-photos_23-2149250116.jpg",
-          imageAlt: "Michael R.",
-        },
         {
-          name: "Emily P.",
+          name: "Emily P.",          handle: "@culinary_emily",          testimonial: "From the appetizers to dessert, every course was a delight. The staff are incredibly friendly, making for a truly wonderful dining experience.",          rating: 5,
-          handle: "@culinary_emily",
+          imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-with-hands-head_1262-2009.jpg",          imageAlt: "Emily P."},
-          testimonial: "From the appetizers to dessert, every course was a delight. The staff are incredibly friendly, making for a truly wonderful dining experience.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-with-hands-head_1262-2009.jpg",
-          imageAlt: "Emily P.",
-        },
         {
-          name: "David K.",
+          name: "David K.",          handle: "@dave_dine",          testimonial: "FC Cravings sets a new standard for comfort food. The fresh ingredients really shine through. I can't wait to come back and try more!",          rating: 5,
-          handle: "@dave_dine",
+          imageSrc: "http://img.b2bpic.net/free-photo/young-business-woman-by-university_1303-22993.jpg",          imageAlt: "David K."},
-          testimonial: "FC Cravings sets a new standard for comfort food. The fresh ingredients really shine through. I can't wait to come back and try more!",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-business-woman-by-university_1303-22993.jpg",
-          imageAlt: "David K.",
-        },
         {
-          name: "Jessica M.",
+          name: "Jessica M.",          handle: "@jess_foodventure",          testimonial: "A hidden gem! The vibrant atmosphere and incredible dishes make FC Cravings a top choice for casual diners and foodies alike. Highly recommend!",          rating: 5,
-          handle: "@jess_foodventure",
+          imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-successful-happy-smiling-young-woman-beige-jacket-glasses-standing-lobby-office-reception-greeting-business-client-with-pleasant-grin-inviting-company_197531-30568.jpg",          imageAlt: "Jessica M."},
-          testimonial: "A hidden gem! The vibrant atmosphere and incredible dishes make FC Cravings a top choice for casual diners and foodies alike. Highly recommend!",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-successful-happy-smiling-young-woman-beige-jacket-glasses-standing-lobby-office-reception-greeting-business-client-with-pleasant-grin-inviting-company_197531-30568.jpg",
-          imageAlt: "Jessica M.",
-        },
       ]}
       buttons={[
         {
-          text: "View Menu",
+          text: "View Menu",          href: "#menu"},
-          href: "#menu",
-        },
         {
-          text: "Order Online",
+          text: "Order Online",          href: "#contact"},
-          href: "#contact",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/man-holds-plate-with-gurza-side-view_141793-4738.jpg"
       imageAlt="A beautifully plated gourmet dish at FC Cravings restaurant"
-      mediaAnimation="slide-up"
+      mediaAnimation="blur-reveal"
       fixedMediaHeight={true}
     />
   </div>
@@ -132,19 +81,13 @@ export default function LandingPage() {
       metrics={[
         {
           icon: Utensils,
-          label: "Years of Experience",
+          label: "Years of Experience",          value: "10+"},
-          value: "10+",
-        },
         {
           icon: Award,
-          label: "Awards & Recognitions",
+          label: "Awards & Recognitions",          value: "5+"},
-          value: "5+",
-        },
         {
           icon: Heart,
-          label: "Happy Customers",
+          label: "Happy Customers",          value: "10K+"},
-          value: "10K+",
-        },
       ]}
       metricsAnimation="slide-up"
     />
@@ -156,23 +99,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          title: "Gourmet Pasta Bowls",
+          title: "Gourmet Pasta Bowls",          description: "Handmade pasta, rich sauces, and fresh toppings create an unforgettable Italian experience. A true comfort classic.",          imageSrc: "http://img.b2bpic.net/free-photo/fettuccine-pasta-with-black-truffle-slices-dark-marble-background_84443-94449.jpg",          imageAlt: "Gourmet pasta bowl"},
-          description: "Handmade pasta, rich sauces, and fresh toppings create an unforgettable Italian experience. A true comfort classic.",
-          imageSrc: "http://img.b2bpic.net/free-photo/fettuccine-pasta-with-black-truffle-slices-dark-marble-background_84443-94449.jpg",
-          imageAlt: "Gourmet pasta bowl",
-        },
         {
-          title: "Perfectly Grilled Steaks",
+          title: "Perfectly Grilled Steaks",          description: "Succulent cuts, expertly grilled to perfection, served with seasonal vegetables. A premium dining choice for meat lovers.",          imageSrc: "http://img.b2bpic.net/free-photo/beef-wrap-served-with-roasted-vegetables-spinach-teriyaki-sauce_140725-544.jpg",          imageAlt: "Perfectly grilled steak"},
-          description: "Succulent cuts, expertly grilled to perfection, served with seasonal vegetables. A premium dining choice for meat lovers.",
-          imageSrc: "http://img.b2bpic.net/free-photo/beef-wrap-served-with-roasted-vegetables-spinach-teriyaki-sauce_140725-544.jpg",
-          imageAlt: "Perfectly grilled steak",
-        },
         {
-          title: "Fresh & Vibrant Salads",
+          title: "Fresh & Vibrant Salads",          description: "Crisp greens, fresh produce, and homemade dressings for a healthy and refreshing option. Light, yet satisfying.",          imageSrc: "http://img.b2bpic.net/free-photo/fresh-tuna-salad-white-bowl_1203-7388.jpg",          imageAlt: "Fresh and vibrant salad"},
-          description: "Crisp greens, fresh produce, and homemade dressings for a healthy and refreshing option. Light, yet satisfying.",
-          imageSrc: "http://img.b2bpic.net/free-photo/fresh-tuna-salad-white-bowl_1203-7388.jpg",
-          imageAlt: "Fresh and vibrant salad",
-        },
       ]}
       title="Taste the Difference: Our Signature Delights"
       description="Discover our most popular and crave-worthy creations, prepared with expertise and the finest, hand-selected ingredients. Each dish tells a story of flavor."
@@ -181,54 +112,24 @@ export default function LandingPage() {
 
   <div id="menu" data-section="menu">
       <ProductCardThree
-      animationType="slide-up"
+      animationType="blur-reveal"
       textboxLayout="default"
       gridVariant="bento-grid"
       useInvertedBackground={true}
       carouselMode="buttons"
       products={[
         {
-          id: "p1",
+          id: "p1",          name: "Classic Crave Burger",          price: "$14.99",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-burgers-fries-cutting-board_23-2148784455.jpg",          imageAlt: "Classic Crave Burger"},
-          name: "Classic Crave Burger",
-          price: "$14.99",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-burgers-fries-cutting-board_23-2148784455.jpg",
-          imageAlt: "Classic Crave Burger",
-        },
         {
-          id: "p2",
+          id: "p2",          name: "Spicy Pepperoni Pizza",          price: "$18.50",          imageSrc: "http://img.b2bpic.net/free-photo/vegetable-based-pizza-with-white-cheese-cherries_114579-1959.jpg",          imageAlt: "Spicy Pepperoni Pizza"},
-          name: "Spicy Pepperoni Pizza",
-          price: "$18.50",
-          imageSrc: "http://img.b2bpic.net/free-photo/vegetable-based-pizza-with-white-cheese-cherries_114579-1959.jpg",
-          imageAlt: "Spicy Pepperoni Pizza",
-        },
         {
-          id: "p3",
+          id: "p3",          name: "Crispy Fish & Chips",          price: "$16.75",          imageSrc: "http://img.b2bpic.net/free-photo/fried-chicken-nuggets-cheese-sticks-wooden-board-piece-lettuce-leaf_114579-71815.jpg",          imageAlt: "Crispy Fish & Chips"},
-          name: "Crispy Fish & Chips",
-          price: "$16.75",
-          imageSrc: "http://img.b2bpic.net/free-photo/fried-chicken-nuggets-cheese-sticks-wooden-board-piece-lettuce-leaf_114579-71815.jpg",
-          imageAlt: "Crispy Fish & Chips",
-        },
         {
-          id: "p4",
+          id: "p4",          name: "Creamy Chicken Curry",          price: "$15.99",          imageSrc: "http://img.b2bpic.net/free-photo/fried-pork-cutlet-curry-with-rice-dark-surface_1150-41997.jpg",          imageAlt: "Creamy Chicken Curry"},
-          name: "Creamy Chicken Curry",
-          price: "$15.99",
-          imageSrc: "http://img.b2bpic.net/free-photo/fried-pork-cutlet-curry-with-rice-dark-surface_1150-41997.jpg",
-          imageAlt: "Creamy Chicken Curry",
-        },
         {
-          id: "p5",
+          id: "p5",          name: "Authentic Street Tacos (3)",          price: "$12.00",          imageSrc: "http://img.b2bpic.net/free-photo/tacos-placed-desk-near-vegetables_23-2148181609.jpg",          imageAlt: "Authentic Street Tacos"},
-          name: "Authentic Street Tacos (3)",
-          price: "$12.00",
-          imageSrc: "http://img.b2bpic.net/free-photo/tacos-placed-desk-near-vegetables_23-2148181609.jpg",
-          imageAlt: "Authentic Street Tacos",
-        },
         {
-          id: "p6",
+          id: "p6",          name: "Decadent Chocolate Lava Cake",          price: "$8.25",          imageSrc: "http://img.b2bpic.net/free-photo/tasty-chocolate-coated-wafers-plate-marble-table_114579-84021.jpg",          imageAlt: "Decadent Chocolate Lava Cake"},
-          name: "Decadent Chocolate Lava Cake",
-          price: "$8.25",
-          imageSrc: "http://img.b2bpic.net/free-photo/tasty-chocolate-coated-wafers-plate-marble-table_114579-84021.jpg",
-          imageAlt: "Decadent Chocolate Lava Cake",
-        },
       ]}
       title="Our Featured Menu: Crave-Worthy Creations"
       description="From hearty classics to innovative specials, explore a selection of our customer favorites that keep diners coming back for more."
@@ -237,69 +138,33 @@ export default function LandingPage() {
 
   <div id="testimonials" data-section="testimonials">
       <TestimonialCardSixteen
-      animationType="slide-up"
+      animationType="blur-reveal"
       textboxLayout="default"
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "t1",
+          id: "t1",          name: "Chloe Wong",          role: "Food Blogger",          company: "TasteBuds Hub",          rating: 5,
-          name: "Chloe Wong",
+          imageSrc: "http://img.b2bpic.net/free-photo/people-meeting-family-reunion_23-2149153754.jpg",          imageAlt: "Chloe Wong"},
-          role: "Food Blogger",
-          company: "TasteBuds Hub",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/people-meeting-family-reunion_23-2149153754.jpg",
-          imageAlt: "Chloe Wong",
-        },
         {
-          id: "t2",
+          id: "t2",          name: "Marcus Blake",          role: "Local Guide",          company: "City Eats",          rating: 5,
-          name: "Marcus Blake",
+          imageSrc: "http://img.b2bpic.net/free-photo/young-adult-enjoying-food_23-2149303536.jpg",          imageAlt: "Marcus Blake"},
-          role: "Local Guide",
-          company: "City Eats",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-adult-enjoying-food_23-2149303536.jpg",
-          imageAlt: "Marcus Blake",
-        },
         {
-          id: "t3",
+          id: "t3",          name: "Sophia Martinez",          role: "Chef & Critic",          company: "Gourmet Review",          rating: 5,
-          name: "Sophia Martinez",
+          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-holding-smartphone_23-2150226046.jpg",          imageAlt: "Sophia Martinez"},
-          role: "Chef & Critic",
-          company: "Gourmet Review",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-holding-smartphone_23-2150226046.jpg",
-          imageAlt: "Sophia Martinez",
-        },
         {
-          id: "t4",
+          id: "t4",          name: "Chef Alex Chen",          role: "Head Chef",          company: "Culinary Institute",          rating: 5,
-          name: "Chef Alex Chen",
+          imageSrc: "http://img.b2bpic.net/free-photo/portrait-pensive-old-man-chef-dressed-uniform-posing-against-dark-background_613910-17582.jpg",          imageAlt: "Chef Alex Chen"},
-          role: "Head Chef",
-          company: "Culinary Institute",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-pensive-old-man-chef-dressed-uniform-posing-against-dark-background_613910-17582.jpg",
-          imageAlt: "Chef Alex Chen",
-        },
         {
-          id: "t5",
+          id: "t5",          name: "Liam & Olivia",          role: "Couple Diners",          company: "Local Regulars",          rating: 5,
-          name: "Liam & Olivia",
+          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-women-with-delicious-food_23-2150215561.jpg",          imageAlt: "Liam & Olivia"},
-          role: "Couple Diners",
-          company: "Local Regulars",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-women-with-delicious-food_23-2150215561.jpg",
-          imageAlt: "Liam & Olivia",
-        },
       ]}
       kpiItems={[
         {
-          value: "5",
+          value: "5",          label: "Star Ratings"},
-          label: "Star Ratings",
-        },
         {
-          value: "99%",
+          value: "99%",          label: "Customer Satisfaction"},
-          label: "Customer Satisfaction",
-        },
         {
-          value: "100+",
+          value: "100+",          label: "Daily Guests"},
-          label: "Daily Guests",
-        },
       ]}
       title="What Our Valued Guests Say"
       description="Hear directly from diners who've experienced the unique taste and warm, inviting atmosphere of FC Cravings."
@@ -311,14 +176,7 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       names={[
-        "Food & Wine",
+        "Food & Wine",        "Eatery Daily",        "Restaurant Reviewer",        "Local Eats Magazine",        "The Daily Dish",        "Gourmet Guide",        "Chef's Choice Awards"]}
-        "Eatery Daily",
-        "Restaurant Reviewer",
-        "Local Eats Magazine",
-        "The Daily Dish",
-        "Gourmet Guide",
-        "Chef's Choice Awards",
-      ]}
       title="As Featured In & Trusted By"
       description="Our commitment to quality and unforgettable dining experiences has been recognized by leading culinary publications and critics."
       speed={40}
@@ -332,25 +190,13 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "f1",
+          id: "f1",          title: "Do you offer vegetarian and vegan options?",          content: "Yes, our menu includes a variety of thoughtfully prepared vegetarian and vegan dishes. Please inform your server about any dietary preferences or restrictions."},
-          title: "Do you offer vegetarian and vegan options?",
-          content: "Yes, our menu includes a variety of thoughtfully prepared vegetarian and vegan dishes. Please inform your server about any dietary preferences or restrictions.",
-        },
         {
-          id: "f2",
+          id: "f2",          title: "Can I make a reservation online?",          content: "Absolutely! You can easily make a reservation through our website's contact section or by giving us a call during business hours. We recommend booking in advance, especially on weekends."},
-          title: "Can I make a reservation online?",
-          content: "Absolutely! You can easily make a reservation through our website's contact section or by giving us a call during business hours. We recommend booking in advance, especially on weekends.",
-        },
         {
-          id: "f3",
+          id: "f3",          title: "Do you cater for private events?",          content: "Yes, FC Cravings offers catering services for private events, corporate gatherings, and special occasions. Please contact us to discuss your event's specific needs and menu customization options."},
-          title: "Do you cater for private events?",
-          content: "Yes, FC Cravings offers catering services for private events, corporate gatherings, and special occasions. Please contact us to discuss your event's specific needs and menu customization options.",
-        },
         {
-          id: "f4",
+          id: "f4",          title: "What are your operating hours?",          content: "We are open Monday to Saturday from 11:30 AM to 10:00 PM, and Sunday from 12:00 PM to 9:00 PM. Please check our contact page for any holiday hour adjustments."},
-          title: "What are your operating hours?",
-          content: "We are open Monday to Saturday from 11:30 AM to 10:00 PM, and Sunday from 12:00 PM to 9:00 PM. Please check our contact page for any holiday hour adjustments.",
-        },
       ]}
       title="Frequently Asked Questions"
       description="Find quick answers to common questions about FC Cravings, our menu, services, and dining experience."
@@ -362,20 +208,15 @@ export default function LandingPage() {
       <ContactCTA
       useInvertedBackground={true}
       background={{
-        variant: "plain",
+        variant: "plain"}}
-      }}
       tag="Visit Us"
       title="Ready to Satisfy Your Cravings?"
       description="We look forward to welcoming you to FC Cravings. Contact us to reserve your table, inquire about our menu, or for any catering needs. Experience culinary delight!"
       buttons={[
         {
-          text: "Make a Reservation",
+          text: "Make a Reservation",          href: "tel:+1234567890"},
-          href: "tel:+1234567890",
-        },
         {
-          text: "Get Directions",
+          text: "Get Directions",          href: "https://maps.app.goo.gl/yourrestaurantaddress"},
-          href: "https://maps.app.goo.gl/yourrestaurantaddress",
-        },
       ]}
     />
   </div>
@@ -384,58 +225,35 @@ export default function LandingPage() {
       <FooterSimple
       columns={[
         {
-          title: "Menu",
+          title: "Menu",          items: [
-          items: [
             {
-              label: "Appetizers",
+              label: "Appetizers",              href: "#menu"},
-              href: "#menu",
-            },
             {
-              label: "Main Courses",
+              label: "Main Courses",              href: "#menu"},
-              href: "#menu",
-            },
             {
-              label: "Desserts",
+              label: "Desserts",              href: "#menu"},
-              href: "#menu",
-            },
             {
-              label: "Beverages",
+              label: "Beverages",              href: "#menu"},
-              href: "#menu",
-            },
           ],
         },
         {
-          title: "About Us",
+          title: "About Us",          items: [
-          items: [
             {
-              label: "Our Story",
+              label: "Our Story",              href: "#about"},
-              href: "#about",
-            },
             {
-              label: "Our Team",
+              label: "Our Team",              href: "#about"},
-              href: "#about",
-            },
             {
-              label: "Awards",
+              label: "Awards",              href: "#social-proof"},
-              href: "#social-proof",
-            },
           ],
         },
         {
-          title: "Contact",
+          title: "Contact",          items: [
-          items: [
             {
-              label: "Reservations",
+              label: "Reservations",              href: "#contact"},
-              href: "#contact",
-            },
             {
-              label: "Location",
+              label: "Location",              href: "#contact"},
-              href: "#contact",
-            },
             {
-              label: "Catering Inquiry",
+              label: "Catering Inquiry",              href: "#contact"},
-              href: "#contact",
-            },
           ],
         },
       ]}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #FCF6EC;
+  --background: #000000;
-  --card: #F3EDE2;
+  --card: #0c0c0c;
-  --foreground: #2E2521;
+  --foreground: #ffffff;
-  --primary-cta: #FF8C42;
+  --primary-cta: #cee7ff;
   --primary-cta-text: #2E2521;
-  --secondary-cta: #F3EDE2;
+  --secondary-cta: #000000;
   --secondary-cta-text: #2E2521;
-  --accent: #B2A28B;
+  --accent: #535353;
-  --background-accent: #FF8C42;
+  --background-accent: #CEE7FF;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);