Update src/app/pricing/page.tsx

Merge version_16 into main

src/app/menu/page.tsx

@@ -0,0 +1,65 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+
+export default function MenuPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="expand-hover"
+        defaultTextAnimation="reveal-blur"
+        borderRadius="soft"
+        contentWidth="smallMedium"
+        sizing="medium"
+        background="blurBottom"
+        cardStyle="gradient-mesh"
+        primaryButtonStyle="radial-glow"
+        secondaryButtonStyle="layered"
+        headingFontWeight="bold"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleApple
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "About", id: "/#about" },
+              { name: "Menu", id: "/menu" },
+              { name: "Pricing", id: "/pricing" },
+              { name: "Contact", id: "/#contact" },
+            ]}
+            brandName="Science Fiction Pizza "
+          />
+        </div>
+
+        <div id="menu" data-section="menu">
+          <ProductCardTwo
+            animationType="blur-reveal"
+            textboxLayout="split"
+            gridVariant="asymmetric-60-wide-40-narrow"
+            useInvertedBackground={false}
+            products={[
+              { id: "1", brand: "Cosmic", name: "Supernova Margherita", price: "24 Credits", rating: 5, reviewCount: "10k+", imageSrc: "http://img.b2bpic.net/free-photo/close-up-street-food-neon-light_23-2151571778.jpg", imageAlt: "sci-fi futuristic pizza" },
+              { id: "2", brand: "Cosmic", name: "Titan Pepperoni Blast", price: "28 Credits", rating: 4, reviewCount: "8k+", imageSrc: "http://img.b2bpic.net/free-photo/delicious-pizza-indoors_23-2150901007.jpg", imageAlt: "cyberpunk style food" },
+              { id: "3", brand: "Cosmic", name: "Nebula Mushroom Delight", price: "26 Credits", rating: 5, reviewCount: "5k+", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-3d-alien-world_23-2151879021.jpg", imageAlt: "gourmet alien food" }
+            ]}
+            title="Our Galactic Menu"
+            description="Savor the best flavors from across the galaxy."
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterLogoEmphasis
+            columns={[
+              { items: [{ label: "Home", href: "/" }, { label: "About", href: "/#about" }, { label: "Menu", href: "/menu" }, { label: "Pricing", href: "/pricing" }] },
+              { items: [{ label: "Contact", href: "/#contact" }, { label: "Careers", href: "#" }, { label: "Locations", href: "#" }] }
+            ]}
+            logoText="Science Fiction Pizza "
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -21,10 +21,10 @@ export default function LandingPage() {
         borderRadius="soft"
         contentWidth="smallMedium"
         sizing="medium"
-        background="none"
-        cardStyle="solid"
-        primaryButtonStyle="flat"
-        secondaryButtonStyle="solid"
+        background="blurBottom"
+        cardStyle="gradient-mesh"
+        primaryButtonStyle="radial-glow"
+        secondaryButtonStyle="layered"
         headingFontWeight="bold"
     >
       <ReactLenis root>
@@ -33,50 +33,61 @@ export default function LandingPage() {
       navItems={[
         { name: "Home", id: "/" },
         { name: "About", id: "#about" },
-        { name: "Menu", id: "#menu" },
+        { name: "Menu", id: "/menu" },
         { name: "Pricing", id: "/pricing" },
         { name: "Contact", id: "#contact" },
       ]}
-      brandName="Science Fiction Pizza"
+      brandName="Science Fiction Pizza "
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroSplitDoubleCarousel
-      background={{ variant: "plain" }}
-      title="Science Fiction Pizza"
-      description="Quantum-leavened crusts and nebula-infused ingredients delivered from the stars to your plate."
-      buttons={[{ text: "Order Now", href: "#menu" }]}
+      background={{ variant: "downward-rays-animated" }}
+      title="Pizza from the Edge of the Galaxy"
+      description="Experience quantum-leavened crusts and nebula-infused ingredients delivered from the stars to your plate."
+      leftCarouselItems={[
+        { imageSrc: "http://img.b2bpic.net/free-photo/close-up-street-food-neon-light_23-2151571655.jpg", imageAlt: "sci-fi spaceship interior" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/futuristic-spaceship-corridor-with-glowing-yellow-neon-lights-generative-ai_191095-1744.jpg", imageAlt: "sci-fi spaceship interior" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/empty-dark-room-modern-futuristic-sci-fi-background-3d-illustration_35913-2345.jpg", imageAlt: "sci-fi spaceship interior" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/control-table-spacecraft-from-inside_23-2151828141.jpg", imageAlt: "sci-fi spaceship interior" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/close-up-street-food-neon-light_23-2151571784.jpg", imageAlt: "sci-fi spaceship interior" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/view-futuristic-high-tech-earth_23-2151100396.jpg", imageAlt: "sci-fi spaceship interior" }
+      ]}
+      rightCarouselItems={[
+        { imageSrc: "http://img.b2bpic.net/free-photo/close-up-street-food-neon-light_23-2151571790.jpg", imageAlt: "sci-fi spaceship interior" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/close-up-street-food-neon-light_23-2151571682.jpg", imageAlt: "sci-fi spaceship interior" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/control-table-spacecraft_23-2151828233.jpg", imageAlt: "sci-fi spaceship interior" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/futuristic-moon-background_23-2150930760.jpg", imageAlt: "sci-fi spaceship interior" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/beautiful-mature-woman-having-fun-time_23-2149232849.jpg", imageAlt: "sci-fi spaceship interior" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/cosmic-background-with-golden-neon-laser-lights_181624-27799.jpg", imageAlt: "sci-fi spaceship interior" }
+      ]}
+      buttons={[{ text: "Order Interstellar", href: "/menu" }]}
     />
   </div>
 
   <div id="about" data-section="about">
       <InlineImageSplitTextAbout
-      useInvertedBackground={false}
+      useInvertedBackground={true}
       heading={[
         { type: "text", content: "Crafting the Future of " },
+        { type: "image", src: "http://img.b2bpic.net/free-photo/close-up-anthropomorphic-robot-cooking_23-2150865943.jpg", alt: "robot chef cooking" },
         { type: "text", content: " Gastronomy" }
       ]}
     />
   </div>
 
-  <div id="menu" data-section="menu">
-      <ProductCardTwo
-      animationType="blur-reveal"
-      textboxLayout="split"
-      gridVariant="asymmetric-60-wide-40-narrow"
-      useInvertedBackground={true}
-      title="Galactic Specials"
-      description="Our signature pizzas from the deepest sectors of the culinary universe."
-    />
-  </div>
-
   <div id="features" data-section="features">
       <FeatureCardTwentyNine
       animationType="slide-up"
       textboxLayout="default"
       gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={false}
+      useInvertedBackground={true}
+      features={[
+        { title: "Laser Ovens", description: "Precision cooking at 4000 degrees.", imageSrc: "http://img.b2bpic.net/free-photo/modern-kitchen-interior-design_23-2151821280.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/futuristic-kitchen-interior-design_23-2151821284.jpg", buttonText: "See Tech" },
+        { title: "Drone Delivery", description: "Sub-orbital delivery in under 5 minutes.", imageSrc: "http://img.b2bpic.net/free-photo/adult-person-interacting-with-futuristic-delivery-robot_23-2151210956.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/cyberpunk-city-street-night-with-neon-lights-futuristic-aesthetic_23-2151488733.jpg", buttonText: "See Tech" },
+        { title: "Nano-Ingredients", description: "Molecularly optimized nutrition and taste.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-arrangement-spanish-food_23-2149157431.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/person-using-ar-technology-their-daily-occupation_23-2151137301.jpg", buttonText: "See Tech" }
+      ]}
       title="Quantum Culinary Tech"
       description="Technological advancements that ensure every slice reaches peak cosmic flavor."
     />
@@ -85,7 +96,12 @@ export default function LandingPage() {
   <div id="testimonials" data-section="testimonials">
       <TestimonialCardTen
       textboxLayout="split"
-      useInvertedBackground={true}
+      useInvertedBackground={false}
+      testimonials={[
+        { id: "1", title: "Best Pizza in Sector 7", quote: "The Supernova Margherita is genuinely stellar. I order it every cycle.", name: "Zax the Cyborg", role: "Explorer", imageSrc: "http://img.b2bpic.net/free-photo/teenager-light-movie-projector_23-2149489842.jpg" },
+        { id: "2", title: "Speedy Delivery", quote: "Drone arrived exactly as my thrusters cooled down. Perfectly hot.", name: "Captain Vega", role: "Pilot", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-mature-woman-having-fun-time_23-2149232843.jpg" },
+        { id: "3", title: "Lab Tested Quality", quote: "The ingredients are molecularly perfect. A triumph of taste.", name: "Dr. Aris", role: "Scientist", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-with-delicious-pizza_23-2150873888.jpg" }
+      ]}
       title="Interstellar Feedback"
       description="Don't just take our word for it—listen to our planetary pioneers."
     />
@@ -95,7 +111,12 @@ export default function LandingPage() {
       <MetricCardEleven
       animationType="slide-up"
       textboxLayout="default"
-      useInvertedBackground={false}
+      useInvertedBackground={true}
+      metrics={[
+        { id: "1", value: "1M+", title: "Pizzas Delivered", description: "Across multiple systems", imageSrc: "http://img.b2bpic.net/free-photo/view-delicious-anime-style-pizza_23-2151061958.jpg" },
+        { id: "2", value: "42", title: "Ingredients", description: "Sourced from 42 planets", imageSrc: "http://img.b2bpic.net/free-photo/assortment-healthy-vegetarian-food_23-2148908746.jpg" },
+        { id: "3", value: "99.9%", title: "Arrival Precision", description: "Sub-orbital accuracy", imageSrc: "http://img.b2bpic.net/free-photo/drones-exploring-dark-forest-with-blue-lights-futuristic-aesthetic_23-2152000922.jpg" }
+      ]}
       title="Space-Age Stats"
       description="Quantifying our journey through the culinary cosmos."
     />
@@ -104,7 +125,14 @@ export default function LandingPage() {
   <div id="faq" data-section="faq">
       <FaqSplitMedia
       textboxLayout="split"
-      useInvertedBackground={true}
+      useInvertedBackground={false}
+      faqs={[
+        { id: "1", title: "Do you deliver to Mars?", content: "Yes, standard sub-orbital rates apply." },
+        { id: "2", title: "Are ingredients organic?", content: "We use bio-engineered, optimized nutrients." },
+        { id: "3", title: "Can I request custom toppings?", content: "Custom atomic arrangements are available." }
+      ]}
+      imageSrc="http://img.b2bpic.net/free-photo/representations-user-experience-interface-design_23-2150038903.jpg"
+      mediaAnimation="slide-up"
       faqsAnimation="blur-reveal"
       title="Quantum Inquiries"
       description="Frequently asked questions about cosmic cuisine."
@@ -113,23 +141,23 @@ export default function LandingPage() {
 
   <div id="contact" data-section="contact">
       <ContactText
-      useInvertedBackground={false}
-      background={{ variant: "plain" }}
+      useInvertedBackground={true}
+      background={{ variant: "sparkles-gradient" }}
       text="Ready to launch your appetite into orbit? Signal our command center for reservations or delivery orders."
-      buttons={[{ text: "Contact Command", href: "mailto:orders@sciencefictionpizza.space" }]}
+      buttons={[{ text: "Contact Command", href: "mailto:orders@cosmiccrust.space" }]}
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterLogoEmphasis
       columns={[
-        { items: [{ label: "About", href: "#about" }, { label: "Menu", href: "#menu" }, { label: "Pricing", href: "/pricing" }, { label: "Privacy Policy", href: "#" }] },
+        { items: [{ label: "Home", href: "/" }, { label: "About", href: "#about" }, { label: "Menu", href: "/menu" }, { label: "Pricing", href: "/pricing" }, { label: "Privacy Policy", href: "#" }] },
         { items: [{ label: "Contact", href: "#contact" }, { label: "Careers", href: "#" }, { label: "Locations", href: "#" }] }
       ]}
-      logoText="Science Fiction Pizza"
+      logoText="science fiction pizza "
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/pricing/page.tsx

@@ -26,7 +26,7 @@ export default function PricingPage() {
             navItems={[
               { name: "Home", id: "/" },
               { name: "About", id: "/#about" },
-              { name: "Menu", id: "/#menu" },
+              { name: "Menu", id: "/menu" },
               { name: "Pricing", id: "/pricing" },
               { name: "Contact", id: "/#contact" },
             ]}
@@ -52,7 +52,7 @@ export default function PricingPage() {
         <div id="footer" data-section="footer">
           <FooterLogoEmphasis
             columns={[
-              { items: [{ label: "Home", href: "/" }, { label: "About", href: "/#about" }, { label: "Menu", href: "/#menu" }, { label: "Pricing", href: "/pricing" }] },
+              { items: [{ label: "Home", href: "/" }, { label: "About", href: "/#about" }, { label: "Menu", href: "/menu" }, { label: "Pricing", href: "/pricing" }] },
               { items: [{ label: "Contact", href: "/#contact" }, { label: "Careers", href: "#" }, { label: "Locations", href: "#" }] }
             ]}
             logoText="Cosmic Crust"

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #ffffff;
-  --card: #f9f9f9;
-  --foreground: #000000;
-  --primary-cta: #15479c;
+  --background: #f7f6f7;
+  --card: #ffffff;
+  --foreground: #0c1325;
+  --primary-cta: #0798ff;
   --primary-cta-text: #f7f6f7;
   --secondary-cta: #ffffff;
   --secondary-cta-text: #0c1325;
-  --accent: #000000;
-  --background-accent: #e2e2e2;
+  --accent: #93c7ff;
+  --background-accent: #a8cde8;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);