Update src/app/styles/variables.css

Merge version_4 into main

src/app/page.tsx

@@ -28,304 +28,130 @@ export default function LandingPage() {
         headingFontWeight="medium"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleCentered
-      navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Menu",
-          id: "products",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="Elysian Dining"
-    />
-  </div>
-
-  <div id="hero" data-section="hero">
-      <HeroBillboardRotatedCarousel
-      background={{
-        variant: "sparkles-gradient",
-      }}
-      title="Elevated Gastronomy at Your Fingertips"
-      description="Indulge in premium, curated dining experiences with seamless order placement designed for the modern connoisseur."
-      buttons={[
-        {
-          text: "Explore Menu",
-          href: "#products",
-        },
-      ]}
-      carouselItems={[
-        {
-          id: "1",
-          imageSrc: "http://img.b2bpic.net/free-photo/colleagues-having-lunch-talking_259150-58582.jpg",
-          imageAlt: "Luxury restaurant ambiance",
-        },
-        {
-          id: "2",
-          imageSrc: "http://img.b2bpic.net/free-photo/stylish-businessman-working-office_1157-21036.jpg",
-          imageAlt: "Fine dining detail",
-        },
-        {
-          id: "3",
-          imageSrc: "http://img.b2bpic.net/free-photo/dark-bowl-with-pasta-beans-with-spoons-dark-background_23-2148340384.jpg",
-          imageAlt: "Gourmet plating",
-        },
-        {
-          id: "4",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-embracing-with-woman-restaurant_23-2148016783.jpg",
-          imageAlt: "Upscale table setting",
-        },
-        {
-          id: "5",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-dining-table-arrangement_52683-107254.jpg",
-          imageAlt: "Professional culinary service",
-        },
-        {
-          id: "6",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-foods-cocktails-tall-glass_23-2149064113.jpg",
-          imageAlt: "Artistic gourmet detail",
-        },
-      ]}
-    />
-  </div>
-
-  <div id="about" data-section="about">
-      <AboutMetric
-      useInvertedBackground={true}
-      title="Our Culinary Commitment"
-      metrics={[
-        {
-          icon: Award,
-          label: "Michelin Star",
-          value: "3+",
-        },
-        {
-          icon: Award,
-          label: "Years Experience",
-          value: "15+",
-        },
-        {
-          icon: Star,
-          label: "Satisfaction Rate",
-          value: "99%",
-        },
-      ]}
-      metricsAnimation="slide-up"
-    />
-  </div>
-
-  <div id="features" data-section="features">
-      <FeatureCardTwentyOne
-      useInvertedBackground={false}
-      title="Why Elysian Dining"
-      description="We bridge the gap between world-class gastronomy and digital convenience."
-      accordionItems={[
-        {
-          id: "f1",
-          title: "Artisanal Preparation",
-          content: "Every dish is crafted by our master chefs using ethically sourced, high-end ingredients.",
-        },
-        {
-          id: "f2",
-          title: "Seamless Ordering",
-          content: "Our proprietary digital platform ensures your order reaches our kitchen instantly with high precision.",
-        },
-        {
-          id: "f3",
-          title: "White Glove Delivery",
-          content: "Enjoy the restaurant experience at your door with our exclusive, climate-controlled logistics.",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/brightly-lit-dining-blur_1203-761.jpg"
-      mediaAnimation="blur-reveal"
-    />
-  </div>
-
-  <div id="products" data-section="products">
-      <ProductCardFour
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={true}
-      products={[
-        {
-          id: "p1",
-          name: "Truffle Infused Wagyu",
-          price: "$85.00",
-          variant: "Main",
-          imageSrc: "http://img.b2bpic.net/free-photo/sauteed-roasted-lamb-bone-served-teriyaki-sauce_114579-1895.jpg",
-        },
-        {
-          id: "p2",
-          name: "Lobster Consommé",
-          price: "$45.00",
-          variant: "Appetizer",
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-fusion-food-with-sushi-seasonings-plate-wooden-surface_181624-42994.jpg",
-        },
-        {
-          id: "p3",
-          name: "Golden Leaf Mousse",
-          price: "$30.00",
-          variant: "Dessert",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-salted-chips-designed-with-strawberries-inside-plate-along-with-blackthorns-white-table-chips-snack-fruit-berry_140725-24516.jpg",
-        },
-        {
-          id: "p4",
-          name: "Organic Heirloom Salad",
-          price: "$25.00",
-          variant: "Appetizer",
-          imageSrc: "http://img.b2bpic.net/free-photo/fried-meat-with-herbs-pomegranate_140725-4015.jpg",
-        },
-        {
-          id: "p5",
-          name: "Handmade Saffron Pasta",
-          price: "$55.00",
-          variant: "Main",
-          imageSrc: "http://img.b2bpic.net/free-photo/pasta-with-shrimps-tomatoes-grated-cheese_141793-896.jpg",
-        },
-        {
-          id: "p6",
-          name: "Artisan Craft Cocktail",
-          price: "$22.00",
-          variant: "Beverage",
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-arrangement-spanish-food_23-2149157449.jpg",
-        },
-      ]}
-      title="The Signature Collection"
-      description="Curated dishes designed to captivate your palate."
-    />
-  </div>
-
-  <div id="metrics" data-section="metrics">
-      <MetricCardEleven
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      metrics={[
-        {
-          id: "m1",
-          value: "5k+",
-          title: "Orders Served",
-          description: "Successfully fulfilled orders",
-          imageSrc: "http://img.b2bpic.net/free-photo/wide-view-dining-hall-classic-design_114579-2224.jpg",
-        },
-        {
-          id: "m2",
-          value: "98%",
-          title: "On-Time",
-          description: "Delivery punctuality score",
-          imageSrc: "http://img.b2bpic.net/free-photo/champagne-glasses-with-bottle-white-table_23-2148253183.jpg",
-        },
-        {
-          id: "m3",
-          value: "12",
-          title: "City Locations",
-          description: "Expanding our luxury reach",
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-dining-table-background-zoom-calls_23-2149684457.jpg",
-        },
-      ]}
-      title="Service Excellence"
-      description="Quantifiable luxury through data."
-    />
-  </div>
-
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardFifteen
-      useInvertedBackground={true}
-      testimonial="The experience was absolutely unparalleled. It felt like fine dining brought directly to my living room with the same care and attention as the restaurant itself."
-      rating={5}
-      author="Julianne Thorne"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/beige-colored-interior-dining-room_114579-2540.jpg",
-          alt: "Julianne Thorne",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/couple-having-date-together-luxurious-restaurant_23-2150517448.jpg",
-          alt: "Michael Sterling",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/charming-african-american-woman-model-black-jacket-waist-bag-relaxing-cafe-free-time_627829-5350.jpg",
-          alt: "Clara Whitmore",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/new-year-spend-with-friends-celebrating_23-2149196973.jpg",
-          alt: "Arthur Penhaligon",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/woman-with-fork-knife-table-with-model-heart-plate_23-2148016816.jpg",
-          alt: "Sophia Valerius",
-        },
-      ]}
-      ratingAnimation="blur-reveal"
-      avatarsAnimation="slide-up"
-    />
-  </div>
-
-  <div id="contact" data-section="contact">
-      <ContactCTA
-      useInvertedBackground={false}
-      background={{
-        variant: "radial-gradient",
-      }}
-      tag="Reserve Experience"
-      title="Request a Private Catering"
-      description="Have special dietary needs or planning a private event? Our concierge team is ready to assist you."
-      buttons={[
-        {
-          text: "Connect with Concierge",
-          href: "#",
-        },
-      ]}
-    />
-  </div>
-
-  <div id="footer" data-section="footer">
-      <FooterSimple
-      columns={[
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About",
-              href: "#about",
-            },
-            {
-              label: "Careers",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Support",
-          items: [
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-            {
-              label: "Privacy",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      bottomLeftText="© 2024 Elysian Dining. All rights reserved."
-      bottomRightText="Luxury Dining Ordering Platform"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleCentered
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "About", id: "about" },
+              { name: "Menu", id: "products" },
+              { name: "Pricing", id: "/pricing" },
+              { name: "Contact", id: "contact" },
+            ]}
+            brandName="Elysian Dining"
+          />
+        </div>
+        <div id="hero" data-section="hero">
+          <HeroBillboardRotatedCarousel
+            background={{ variant: "sparkles-gradient" }}
+            title="Elevated Gastronomy at Your Fingertips"
+            description="Indulge in premium, curated dining experiences with seamless order placement designed for the modern connoisseur."
+            buttons={[{ text: "Explore Menu", href: "#products" }]}
+            carouselItems={[
+              { id: "1", imageSrc: "http://img.b2bpic.net/free-photo/colleagues-having-lunch-talking_259150-58582.jpg", imageAlt: "Luxury restaurant ambiance" },
+              { id: "2", imageSrc: "http://img.b2bpic.net/free-photo/stylish-businessman-working-office_1157-21036.jpg", imageAlt: "Fine dining detail" },
+              { id: "3", imageSrc: "http://img.b2bpic.net/free-photo/dark-bowl-with-pasta-beans-with-spoons-dark-background_23-2148340384.jpg", imageAlt: "Gourmet plating" },
+              { id: "4", imageSrc: "http://img.b2bpic.net/free-photo/man-embracing-with-woman-restaurant_23-2148016783.jpg", imageAlt: "Upscale table setting" },
+              { id: "5", imageSrc: "http://img.b2bpic.net/free-photo/top-view-dining-table-arrangement_52683-107254.jpg", imageAlt: "Professional culinary service" },
+              { id: "6", imageSrc: "http://img.b2bpic.net/free-photo/close-up-foods-cocktails-tall-glass_23-2149064113.jpg", imageAlt: "Artistic gourmet detail" },
+            ]}
+          />
+        </div>
+        <div id="about" data-section="about">
+          <AboutMetric
+            useInvertedBackground={true}
+            title="Our Culinary Commitment"
+            metrics={[
+              { icon: Award, label: "Michelin Star", value: "3+" },
+              { icon: Award, label: "Years Experience", value: "15+" },
+              { icon: Star, label: "Satisfaction Rate", value: "99%" },
+            ]}
+            metricsAnimation="slide-up"
+          />
+        </div>
+        <div id="features" data-section="features">
+          <FeatureCardTwentyOne
+            useInvertedBackground={false}
+            title="Why Elysian Dining"
+            description="We bridge the gap between world-class gastronomy and digital convenience."
+            accordionItems={[
+              { id: "f1", title: "Artisanal Preparation", content: "Every dish is crafted by our master chefs using ethically sourced, high-end ingredients." },
+              { id: "f2", title: "Seamless Ordering", content: "Our proprietary digital platform ensures your order reaches our kitchen instantly with high precision." },
+              { id: "f3", title: "White Glove Delivery", content: "Enjoy the restaurant experience at your door with our exclusive, climate-controlled logistics." },
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/brightly-lit-dining-blur_1203-761.jpg"
+            mediaAnimation="blur-reveal"
+          />
+        </div>
+        <div id="products" data-section="products">
+          <ProductCardFour
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="uniform-all-items-equal"
+            useInvertedBackground={true}
+            products={[
+              { id: "p1", name: "Truffle Infused Wagyu", price: "₹7,000", variant: "Main", imageSrc: "http://img.b2bpic.net/free-photo/sauteed-roasted-lamb-bone-served-teriyaki-sauce_114579-1895.jpg" },
+              { id: "p2", name: "Lobster Consommé", price: "₹3,800", variant: "Appetizer", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-fusion-food-with-sushi-seasonings-plate-wooden-surface_181624-42994.jpg" },
+              { id: "p3", name: "Golden Leaf Mousse", price: "₹2,500", variant: "Dessert", imageSrc: "http://img.b2bpic.net/free-photo/top-view-salted-chips-designed-with-strawberries-inside-plate-along-with-blackthorns-white-table-chips-snack-fruit-berry_140725-24516.jpg" },
+              { id: "p4", name: "Organic Heirloom Salad", price: "₹2,000", variant: "Appetizer", imageSrc: "http://img.b2bpic.net/free-photo/fried-meat-with-herbs-pomegranate_140725-4015.jpg" },
+              { id: "p5", name: "Handmade Saffron Pasta", price: "₹4,500", variant: "Main", imageSrc: "http://img.b2bpic.net/free-photo/pasta-with-shrimps-tomatoes-grated-cheese_141793-896.jpg" },
+              { id: "p6", name: "Artisan Craft Cocktail", price: "₹1,800", variant: "Beverage", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-arrangement-spanish-food_23-2149157449.jpg" },
+            ]}
+            title="The Signature Collection"
+            description="Curated dishes designed to captivate your palate."
+          />
+        </div>
+        <div id="metrics" data-section="metrics">
+          <MetricCardEleven
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            metrics={[
+              { id: "m1", value: "5k+", title: "Orders Served", description: "Successfully fulfilled orders", imageSrc: "http://img.b2bpic.net/free-photo/wide-view-dining-hall-classic-design_114579-2224.jpg" },
+              { id: "m2", value: "98%", title: "On-Time", description: "Delivery punctuality score", imageSrc: "http://img.b2bpic.net/free-photo/champagne-glasses-with-bottle-white-table_23-2148253183.jpg" },
+              { id: "m3", value: "12", title: "City Locations", description: "Expanding our luxury reach", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-dining-table-background-zoom-calls_23-2149684457.jpg" },
+            ]}
+            title="Service Excellence"
+            description="Quantifiable luxury through data."
+          />
+        </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardFifteen
+            useInvertedBackground={true}
+            testimonial="The experience was absolutely unparalleled. It felt like fine dining brought directly to my living room with the same care and attention as the restaurant itself."
+            rating={5}
+            author="Julianne Thorne"
+            avatars={[
+              { src: "http://img.b2bpic.net/free-photo/beige-colored-interior-dining-room_114579-2540.jpg", alt: "Julianne Thorne" },
+              { src: "http://img.b2bpic.net/free-photo/couple-having-date-together-luxurious-restaurant_23-2150517448.jpg", alt: "Michael Sterling" },
+              { src: "http://img.b2bpic.net/free-photo/charming-african-american-woman-model-black-jacket-waist-bag-relaxing-cafe-free-time_627829-5350.jpg", alt: "Clara Whitmore" },
+              { src: "http://img.b2bpic.net/free-photo/new-year-spend-with-friends-celebrating_23-2149196973.jpg", alt: "Arthur Penhaligon" },
+              { src: "http://img.b2bpic.net/free-photo/woman-with-fork-knife-table-with-model-heart-plate_23-2148016816.jpg", alt: "Sophia Valerius" },
+            ]}
+            ratingAnimation="blur-reveal"
+            avatarsAnimation="slide-up"
+          />
+        </div>
+        <div id="contact" data-section="contact">
+          <ContactCTA
+            useInvertedBackground={false}
+            background={{ variant: "radial-gradient" }}
+            tag="Reserve Experience"
+            title="Request a Private Catering"
+            description="Have special dietary needs or planning a private event? Our concierge team is ready to assist you. Integrated payment processing available for all confirmed orders."
+            buttons={[{ text: "Secure Payment Processing", href: "#" }]}
+          />
+        </div>
+        <div id="footer" data-section="footer">
+          <FooterSimple
+            columns={[
+              { title: "Company", items: [{ label: "About", href: "#about" }, { label: "Careers", href: "#" }] },
+              { title: "Support", items: [{ label: "Pricing", href: "/pricing" }, { label: "Contact", href: "#contact" }, { label: "Privacy", href: "#" }] },
+            ]}
+            bottomLeftText="© 2024 Elysian Dining. All rights reserved."
+            bottomRightText="Secure Payments Supported via Integrated Gateway"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/pricing/page.tsx

@@ -0,0 +1,76 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import FooterSimple from '@/components/sections/footer/FooterSimple';
+import { CheckCircle } from "lucide-react";
+
+export default function PricingPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="expand-hover"
+        defaultTextAnimation="background-highlight"
+        borderRadius="rounded"
+        contentWidth="smallMedium"
+        sizing="mediumLarge"
+        background="aurora"
+        cardStyle="gradient-mesh"
+        primaryButtonStyle="diagonal-gradient"
+        secondaryButtonStyle="layered"
+        headingFontWeight="medium"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleCentered
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "About", id: "/about" },
+              { name: "Menu", id: "/menu" },
+              { name: "Pricing", id: "/pricing" },
+              { name: "Contact", id: "/contact" },
+            ]}
+            brandName="Elysian Dining"
+          />
+        </div>
+
+        <div id="pricing" data-section="pricing">
+          <PricingCardEight
+            title="Choose Your Culinary Experience"
+            description="Flexible subscription plans designed for fine dining lovers."
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            plans={[
+              {
+                id: "p1",                badge: "Casual",                price: "$199",                subtitle: "Perfect for monthly weekend treats",                buttons: [{ text: "Get Started", href: "#" }],
+                features: ["2 Curated Meals", "Priority Delivery", "Priority Support"]
+              },
+              {
+                id: "p2",                badge: "Gourmet",                badgeIcon: CheckCircle,
+                price: "$499",                subtitle: "For the true connoisseur",                buttons: [{ text: "Select Plan", href: "#" }],
+                features: ["5 Curated Meals", "Concierge Service", "Exclusive Pairings", "Priority Delivery"]
+              },
+              {
+                id: "p3",                badge: "Elite",                price: "$899",                subtitle: "Complete fine dining lifestyle",                buttons: [{ text: "Go Elite", href: "#" }],
+                features: ["Unlimited Ordering", "24/7 Concierge", "Events Access", "White Glove Delivery"]
+              }
+            ]}
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterSimple
+            columns={[
+              { title: "Company", items: [{ label: "About", href: "/about" }, { label: "Careers", href: "#" }] },
+              { title: "Support", items: [{ label: "Pricing", href: "/pricing" }, { label: "Contact", href: "/contact" }, { label: "Privacy", href: "#" }] },
+            ]}
+            bottomLeftText="© 2024 Elysian Dining. All rights reserved."
+            bottomRightText="Luxury Dining Ordering Platform"
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #0f0f0f;
-  --card: #1a1a1a;
-  --foreground: #f8f9fa;
-  --primary-cta: #d4af37;
-  --primary-cta-text: #000000;
+  --background: #d4af37;
+  --card: #c5a030;
+  --foreground: #000000;
+  --primary-cta: #000000;
+  --primary-cta-text: #ffffff;
   --secondary-cta: #ffffff;
-  --secondary-cta-text: #000000;
-  --accent: #2a2a2a;
-  --background-accent: #1c1c1c;
+  --secondary-cta-text: #000612e6;
+  --accent: #b89528;
+  --background-accent: #b89528;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);