|
|
|
|
@@ -21,56 +21,40 @@ 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>
|
|
|
|
|
<div id="nav" data-section="nav">
|
|
|
|
|
<NavbarStyleApple
|
|
|
|
|
navItems={[
|
|
|
|
|
{ name: "Home", id: "hero" },
|
|
|
|
|
{ name: "About", id: "about" },
|
|
|
|
|
{ name: "Menu", id: "menu" },
|
|
|
|
|
{ name: "Contact", id: "contact" },
|
|
|
|
|
{ name: "Home", id: "/" },
|
|
|
|
|
{ name: "About", id: "#about" },
|
|
|
|
|
{ name: "Menu", id: "#menu" },
|
|
|
|
|
{ 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" }
|
|
|
|
|
]}
|
|
|
|
|
/>
|
|
|
|
|
@@ -81,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."
|
|
|
|
|
/>
|
|
|
|
|
@@ -97,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."
|
|
|
|
|
/>
|
|
|
|
|
@@ -111,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."
|
|
|
|
|
/>
|
|
|
|
|
@@ -126,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."
|
|
|
|
|
/>
|
|
|
|
|
@@ -140,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."
|
|
|
|
|
@@ -156,23 +113,23 @@ 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>
|
|
|
|
|
|
|
|
|
|
<div id="footer" data-section="footer">
|
|
|
|
|
<FooterLogoEmphasis
|
|
|
|
|
columns={[
|
|
|
|
|
{ items: [{ label: "About", href: "#about" }, { label: "Menu", href: "#menu" }, { label: "Privacy Policy", href: "#" }] },
|
|
|
|
|
{ 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>
|
|
|
|
|
);
|
|
|
|
|
}
|
|
|
|
|
}
|
