Update src/app/styles/variables.css

Merge version_17 into main

src/app/page.tsx

@@ -21,10 +21,10 @@ export default function LandingPage() {
         borderRadius="soft"
         contentWidth="smallMedium"
         sizing="medium"
-        background="blurBottom"
-        cardStyle="gradient-mesh"
-        primaryButtonStyle="radial-glow"
-        secondaryButtonStyle="layered"
+        background="none"
+        cardStyle="solid"
+        primaryButtonStyle="flat"
+        secondaryButtonStyle="solid"
         headingFontWeight="bold"
     >
       <ReactLenis root>
@@ -37,41 +37,24 @@ export default function LandingPage() {
         { name: "Pricing", id: "/pricing" },
         { name: "Contact", id: "#contact" },
       ]}
-      brandName="Cosmic Crust"
+      brandName="Science Fiction Pizza"
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroSplitDoubleCarousel
-      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" }]}
+      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" }]}
     />
   </div>
 
   <div id="about" data-section="about">
       <InlineImageSplitTextAbout
-      useInvertedBackground={true}
+      useInvertedBackground={false}
       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" }
       ]}
     />
@@ -82,12 +65,7 @@ export default function LandingPage() {
       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" }
-      ]}
+      useInvertedBackground={true}
       title="Galactic Specials"
       description="Our signature pizzas from the deepest sectors of the culinary universe."
     />
@@ -98,12 +76,7 @@ export default function LandingPage() {
       animationType="slide-up"
       textboxLayout="default"
       gridVariant="three-columns-all-equal-width"
-      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" }
-      ]}
+      useInvertedBackground={false}
       title="Quantum Culinary Tech"
       description="Technological advancements that ensure every slice reaches peak cosmic flavor."
     />
@@ -112,12 +85,7 @@ export default function LandingPage() {
   <div id="testimonials" data-section="testimonials">
       <TestimonialCardTen
       textboxLayout="split"
-      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" }
-      ]}
+      useInvertedBackground={true}
       title="Interstellar Feedback"
       description="Don't just take our word for it—listen to our planetary pioneers."
     />
@@ -127,12 +95,7 @@ export default function LandingPage() {
       <MetricCardEleven
       animationType="slide-up"
       textboxLayout="default"
-      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" }
-      ]}
+      useInvertedBackground={false}
       title="Space-Age Stats"
       description="Quantifying our journey through the culinary cosmos."
     />
@@ -141,14 +104,7 @@ export default function LandingPage() {
   <div id="faq" data-section="faq">
       <FaqSplitMedia
       textboxLayout="split"
-      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"
+      useInvertedBackground={true}
       faqsAnimation="blur-reveal"
       title="Quantum Inquiries"
       description="Frequently asked questions about cosmic cuisine."
@@ -157,10 +113,10 @@ export default function LandingPage() {
 
   <div id="contact" data-section="contact">
       <ContactText
-      useInvertedBackground={true}
-      background={{ variant: "sparkles-gradient" }}
+      useInvertedBackground={false}
+      background={{ variant: "plain" }}
       text="Ready to launch your appetite into orbit? Signal our command center for reservations or delivery orders."
-      buttons={[{ text: "Contact Command", href: "mailto:orders@cosmiccrust.space" }]}
+      buttons={[{ text: "Contact Command", href: "mailto:orders@sciencefictionpizza.space" }]}
     />
   </div>
 
@@ -170,10 +126,10 @@ export default function LandingPage() {
         { 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: "#" }] }
       ]}
-      logoText="Cosmic Crust"
+      logoText="Science Fiction Pizza"
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #fffefe;
-  --card: #d4df16;
-  --foreground: #080908;
-  --primary-cta: #0e3a29;
-  --primary-cta-text: #fffefe;
-  --secondary-cta: #e7eecd;
-  --secondary-cta-text: #080908;
-  --accent: #e2e635;
-  --background-accent: #ecebe4;
+  --background: #ffffff;
+  --card: #f9f9f9;
+  --foreground: #000000;
+  --primary-cta: #15479c;
+  --primary-cta-text: #f7f6f7;
+  --secondary-cta: #ffffff;
+  --secondary-cta-text: #0c1325;
+  --accent: #000000;
+  --background-accent: #e2e2e2;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);