Update theme colors

Update src/app/page.tsx
2026-04-18 13:26:08 +00:00 · 2026-04-18 13:24:49 +00:00 · 2026-04-18 13:15:34 +00:00 · 2026-04-18 13:10:14 +00:00 · 2026-04-18 12:57:19 +00:00 · 2026-04-18 11:16:19 +00:00
4 changed files with 140 additions and 47 deletions
--- a/src/app/menu/page.tsx
+++ b/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 CAD", 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 CAD", 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 CAD", 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 in Canadian dollars."
+          />
+        </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>
+  );
+}
--- a/src/app/page.tsx
+++ b/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>
@@ -32,51 +32,62 @@ export default function LandingPage() {
      <NavbarStyleApple
      navItems={[
        { name: "Home", id: "/" },
-        { name: "About", id: "#about" },
-        { name: "Menu", id: "#menu" },
+        { name: "About", id: "/#about" },
+        { name: "Menu", id: "/menu" },
        { name: "Pricing", id: "/pricing" },
-        { name: "Contact", id: "#contact" },
+        { 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: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CWjkRLYXDebCjctgTj17cHc4m1/uploaded-1776516710484-pey6gnqm.png", imageAlt: "sci-fi spaceship interior" },
+        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CWjkRLYXDebCjctgTj17cHc4m1/uploaded-1776516855837-l7oybj6c.jpg", imageAlt: "sci-fi spaceship interior" },
+        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CWjkRLYXDebCjctgTj17cHc4m1/uploaded-1776516921864-yroqzu7h.png", imageAlt: "sci-fi spaceship interior" },
+        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CWjkRLYXDebCjctgTj17cHc4m1/uploaded-1776516705188-v91ywq4e.jpg", imageAlt: "sci-fi spaceship interior" },
+        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CWjkRLYXDebCjctgTj17cHc4m1/uploaded-1776516691421-ldm2b4ik.jpg", imageAlt: "sci-fi spaceship interior" },
+        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CWjkRLYXDebCjctgTj17cHc4m1/uploaded-1776516246545-wk7i0yt5.png", imageAlt: "sci-fi spaceship interior" }
+      ]}
+      rightCarouselItems={[
+        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CWjkRLYXDebCjctgTj17cHc4m1/uploaded-1776516276960-wpa1naar.png", imageAlt: "sci-fi spaceship interior" },
+        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CWjkRLYXDebCjctgTj17cHc4m1/uploaded-1776516874613-fcyruqvo.png", imageAlt: "sci-fi spaceship interior" },
+        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CWjkRLYXDebCjctgTj17cHc4m1/uploaded-1776516287655-q3ahiwhq.png", imageAlt: "sci-fi spaceship interior" },
+        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CWjkRLYXDebCjctgTj17cHc4m1/uploaded-1776516867816-37f4h8ha.png", imageAlt: "sci-fi spaceship interior" },
+        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CWjkRLYXDebCjctgTj17cHc4m1/uploaded-1776516884081-zgdkiy7f.jpg", imageAlt: "sci-fi spaceship interior" },
+        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CWjkRLYXDebCjctgTj17cHc4m1/uploaded-1776516728090-vomonuau.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: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CWjkRLYXDebCjctgTj17cHc4m1/uploaded-1776517302994-mk2jm4ez.png", titleImageSrc: "http://img.b2bpic.net/free-photo/futuristic-kitchen-interior-design_23-2151821284.jpg", buttonText: "See Tech" },
+        { title: "Fast Delivery", description: "Sub-orbital delivery in under 5 minutes.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CWjkRLYXDebCjctgTj17cHc4m1/uploaded-1776517506611-cfbysna6.png", 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: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CWjkRLYXDebCjctgTj17cHc4m1/uploaded-1776517513122-ahw0ys9p.png", 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: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CWjkRLYXDebCjctgTj17cHc4m1/uploaded-1776517626313-8v8aofcn.png" },
+        { 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: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CWjkRLYXDebCjctgTj17cHc4m1/uploaded-1776517645078-4cm9hrh1.png" }
+      ]}
      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="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CWjkRLYXDebCjctgTj17cHc4m1/uploaded-1776518088091-hd3w06vg.png"
+      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: "Contact", href: "#contact" }, { label: "Careers", href: "#" }, { label: "Locations", 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>
  );
-}
+}
--- a/src/app/pricing/page.tsx
+++ b/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" },
            ]}
@@ -42,9 +42,9 @@ export default function PricingPage() {
            textboxLayout="split"
            useInvertedBackground={false}
            plans={[
-              { id: "1", badge: "Cadet", price: "12 Credits", subtitle: "Essential planetary fuel", buttons: [{ text: "Select Plan", href: "#" }], features: ["Standard Crust", "Basic Toppings", "Sub-orbital Delivery"] },
-              { id: "2", badge: "Captain", price: "35 Credits", subtitle: "Pro-level exploration", buttons: [{ text: "Select Plan", href: "#" }], features: ["Nebula-Infused Crust", "Premium Alien Ingredients", "Priority Drone Delivery", "Molecule Optimization"] },
-              { id: "3", badge: "Admiral", price: "75 Credits", subtitle: "Total cosmic control", buttons: [{ text: "Select Plan", href: "#" }], features: ["Infinite Customization", "Quantum-Speed Delivery", "Personalized Flavor Mapping", "Direct Link to Command"] }
+              { id: "1", badge: "Cadet", price: "12 CAD", subtitle: "Essential planetary fuel", buttons: [{ text: "Select Plan", href: "#" }], features: ["Standard Crust", "Basic Toppings", "Sub-orbital Delivery"] },
+              { id: "2", badge: "Captain", price: "35 CAD", subtitle: "Pro-level exploration", buttons: [{ text: "Select Plan", href: "#" }], features: ["Nebula-Infused Crust", "Premium Alien Ingredients", "Priority Drone Delivery", "Molecule Optimization"] },
+              { id: "3", badge: "Admiral", price: "75 CAD", subtitle: "Total cosmic control", buttons: [{ text: "Select Plan", href: "#" }], features: ["Infinite Customization", "Quantum-Speed Delivery", "Personalized Flavor Mapping", "Direct Link to Command"] }
            ]}
          />
        </div>
@@ -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"
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -11,14 +11,14 @@
  --background-accent: #ffffff; */

  --background: #ffffff;
-  --card: #f9f9f9;
-  --foreground: #000000;
+  --card: #fafafa;
+  --foreground: #000612e6;
  --primary-cta: #15479c;
-  --primary-cta-text: #f7f6f7;
-  --secondary-cta: #ffffff;
-  --secondary-cta-text: #0c1325;
-  --accent: #000000;
-  --background-accent: #e2e2e2;
+  --primary-cta-text: #ffffff;
+  --secondary-cta: #f9f9f9;
+  --secondary-cta-text: #000612e6;
+  --accent: #e2e2e2;
+  --background-accent: #c4c4c4;

  /* text sizing - set by ThemeProvider */
  /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
Author	SHA1	Message	Date
bender	d18e588912	Update theme colors	2026-04-18 13:26:08 +00:00
bender	bb73cb4675	Update theme colors	2026-04-18 13:24:49 +00:00
bender	4863cbb24c	Update src/app/page.tsx	2026-04-18 13:15:34 +00:00
bender	9a6b51d5c8	Update src/app/page.tsx	2026-04-18 13:10:14 +00:00
bender	981a1edbed	Update src/app/page.tsx	2026-04-18 12:57:19 +00:00
bender	33522151dc	Update src/app/pricing/page.tsx	2026-04-18 11:16:19 +00:00
bender	ac3bca4b36	Update src/app/page.tsx	2026-04-18 11:16:19 +00:00
bender	06224cb17b	Update src/app/menu/page.tsx	2026-04-18 11:16:18 +00:00
bender	df2f25be5f	Merge version_19 into main Merge version_19 into main	2026-04-18 11:06:01 +00:00
bender	de7f77ec37	Update src/app/pricing/page.tsx	2026-04-18 11:05:58 +00:00
bender	3a5261e58a	Update src/app/page.tsx	2026-04-18 11:05:57 +00:00
bender	6379a59b8d	Add src/app/menu/page.tsx	2026-04-18 11:05:57 +00:00
bender	37ba90783c	Merge version_16 into main Merge version_16 into main	2026-04-18 11:04:56 +00:00
bender	fb0d0fb581	Update src/app/page.tsx	2026-04-18 11:04:53 +00:00
bender	23262dcef0	Merge version_16 into main Merge version_16 into main	2026-04-18 11:02:19 +00:00
bender	b1ced18629	Update src/app/page.tsx	2026-04-18 11:02:13 +00:00
bender	55d500eb1a	Switch to version 16: modified src/app/styles/variables.css	2026-04-18 10:59:40 +00:00
bender	d6455123ad	Switch to version 16: modified src/app/page.tsx	2026-04-18 10:59:39 +00:00
bender	93a2129580	Merge version_18 into main Merge version_18 into main	2026-04-18 10:59:07 +00:00