Merge version_1 into main #2
321
src/app/page.tsx
321
src/app/page.tsx
@@ -17,237 +17,112 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="icon-arrow"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Order",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Fresh Rolls (RoboTea)"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Menu", id: "features" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Order", id: "contact" },
|
||||
]}
|
||||
brandName="Fresh Rolls (RoboTea)"
|
||||
button={{ text: "Order Now", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCarouselLogo
|
||||
logoText="Fresh Rolls (RoboTea)"
|
||||
description="Crafted freshness. Robotic precision. Unforgettable taste."
|
||||
buttons={[
|
||||
{
|
||||
text: "Order Now",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bh9o8cGYNeCmPyKGU4Z0FA7egH/futuristic-high-end-tea-and-food-restaur-1774930639965-365d5d3e.png?_wi=1",
|
||||
imageAlt: "Futuristic restaurant setting",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bh9o8cGYNeCmPyKGU4Z0FA7egH/futuristic-high-end-tea-and-food-restaur-1774930639965-365d5d3e.png?_wi=2",
|
||||
imageAlt: "Futuristic restaurant setting",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bh9o8cGYNeCmPyKGU4Z0FA7egH/futuristic-high-end-tea-and-food-restaur-1774930639965-365d5d3e.png?_wi=3",
|
||||
imageAlt: "Futuristic restaurant setting",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bh9o8cGYNeCmPyKGU4Z0FA7egH/futuristic-high-end-tea-and-food-restaur-1774930639965-365d5d3e.png?_wi=4",
|
||||
imageAlt: "Futuristic restaurant setting",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bh9o8cGYNeCmPyKGU4Z0FA7egH/futuristic-high-end-tea-and-food-restaur-1774930639965-365d5d3e.png?_wi=5",
|
||||
imageAlt: "Futuristic restaurant setting",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bh9o8cGYNeCmPyKGU4Z0FA7egH/futuristic-high-end-tea-and-food-restaur-1774930639965-365d5d3e.png?_wi=6",
|
||||
imageAlt: "Futuristic restaurant setting",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCarouselLogo
|
||||
logoText="Fresh Rolls (RoboTea)"
|
||||
description="Crafted freshness. Robotic precision. Unforgettable taste."
|
||||
buttons={[{ text: "Order Now", href: "#contact" }]}
|
||||
slides={[
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bh9o8cGYNeCmPyKGU4Z0FA7egH/futuristic-high-end-tea-and-food-restaur-1774930639965-365d5d3e.png", imageAlt: "Futuristic restaurant setting" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bh9o8cGYNeCmPyKGU4Z0FA7egH/futuristic-high-end-tea-and-food-restaur-1774930639965-365d5d3e.png", imageAlt: "Futuristic restaurant setting" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bh9o8cGYNeCmPyKGU4Z0FA7egH/futuristic-high-end-tea-and-food-restaur-1774930639965-365d5d3e.png", imageAlt: "Futuristic restaurant setting" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bh9o8cGYNeCmPyKGU4Z0FA7egH/futuristic-high-end-tea-and-food-restaur-1774930639965-365d5d3e.png", imageAlt: "Futuristic restaurant setting" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bh9o8cGYNeCmPyKGU4Z0FA7egH/futuristic-high-end-tea-and-food-restaur-1774930639965-365d5d3e.png", imageAlt: "Futuristic restaurant setting" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bh9o8cGYNeCmPyKGU4Z0FA7egH/futuristic-high-end-tea-and-food-restaur-1774930639965-365d5d3e.png", imageAlt: "Futuristic restaurant setting" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={true}
|
||||
title="Precision and Passion"
|
||||
description="At RoboTea, we bridge the gap between tradition and the future. Our culinary experts collaborate with robotic precision to ensure every roll and tea is perfect, every single time."
|
||||
metrics={[
|
||||
{
|
||||
value: "100%",
|
||||
title: "Fresh Ingredients",
|
||||
},
|
||||
{
|
||||
value: "24/7",
|
||||
title: "Robotic Accuracy",
|
||||
},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bh9o8cGYNeCmPyKGU4Z0FA7egH/a-precision-robotic-arm-preparing-gourme-1774930639231-13366a29.png?_wi=1"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={true}
|
||||
title="Precision and Passion"
|
||||
description="At RoboTea, we bridge the gap between tradition and the future. Our culinary experts collaborate with robotic precision to ensure every roll and tea is perfect, every single time."
|
||||
metrics={[
|
||||
{ value: "100%", title: "Fresh Ingredients" },
|
||||
{ value: "24/7", title: "Robotic Accuracy" }
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bh9o8cGYNeCmPyKGU4Z0FA7egH/a-precision-robotic-arm-preparing-gourme-1774930639231-13366a29.png"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureBorderGlow
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
icon: Sparkles,
|
||||
title: "Fresh Rolls",
|
||||
description: "Handcrafted daily with premium ingredients and bold flavors.",
|
||||
},
|
||||
{
|
||||
icon: Zap,
|
||||
title: "RoboTea",
|
||||
description: "Precision-made drinks powered by cutting-edge robotics.",
|
||||
},
|
||||
{
|
||||
icon: Star,
|
||||
title: "Luxury Vibe",
|
||||
description: "An elevated dining experience designed for modern taste.",
|
||||
},
|
||||
]}
|
||||
title="Our Signature Experience"
|
||||
description="Experience food that transcends expectations through modern innovation."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureBorderGlow
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ icon: Sparkles, title: "Fresh Rolls", description: "Handcrafted daily with premium ingredients and bold flavors." },
|
||||
{ icon: Zap, title: "RoboTea", description: "Precision-made drinks powered by cutting-edge robotics." },
|
||||
{ icon: Star, title: "Luxury Vibe", description: "An elevated dining experience designed for modern taste." }
|
||||
]}
|
||||
title="Our Signature Experience"
|
||||
description="Experience food that transcends expectations through modern innovation."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
tag="Order Now"
|
||||
title="Ready to Taste the Future?"
|
||||
description="Join the revolution of fresh rolls and robotic tea. Experience culinary perfection."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<TestimonialCardFive
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="What Our Guests Say"
|
||||
description="Hear from our happy, tech-savvy diners."
|
||||
testimonials={[
|
||||
{ id: "1", name: "Alex R.", date: "Oct 2025", title: "Incredible", quote: "The fusion of technology and taste is unparalleled.", tag: "Fan", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bh9o8cGYNeCmPyKGU4Z0FA7egH/close-up-of-fresh-gourmet-hand-rolled-ro-1774930639681-74ebb34f.png", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bh9o8cGYNeCmPyKGU4Z0FA7egH/close-up-of-fresh-gourmet-hand-rolled-ro-1774930639681-74ebb34f.png" },
|
||||
{ id: "2", name: "Jamie L.", date: "Nov 2025", title: "Amazing", quote: "Robotic precision really does make a difference in freshness.", tag: "Regular", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bh9o8cGYNeCmPyKGU4Z0FA7egH/precision-made-drink-in-a-high-tech-robo-1774930639782-7e440898.png", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bh9o8cGYNeCmPyKGU4Z0FA7egH/precision-made-drink-in-a-high-tech-robo-1774930639782-7e440898.png" },
|
||||
{ id: "3", name: "Sam T.", date: "Dec 2025", title: "Futuristic", quote: "The cleanest, most precise sushi experience I have ever had.", tag: "Foodie", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bh9o8cGYNeCmPyKGU4Z0FA7egH/luxurious-minimalist-restaurant-dining-i-1774930639695-b2951ecd.png", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bh9o8cGYNeCmPyKGU4Z0FA7egH/luxurious-minimalist-restaurant-dining-i-1774930639695-b2951ecd.png" },
|
||||
{ id: "4", name: "Morgan D.", date: "Jan 2026", title: "Revolutionary", quote: "The tea menu is as innovative as the kitchen.", tag: "VIP", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bh9o8cGYNeCmPyKGU4Z0FA7egH/futuristic-high-end-tea-and-food-restaur-1774930639965-365d5d3e.png", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bh9o8cGYNeCmPyKGU4Z0FA7egH/futuristic-high-end-tea-and-food-restaur-1774930639965-365d5d3e.png" },
|
||||
{ id: "5", name: "Chris P.", date: "Feb 2026", title: "Perfect", quote: "High-tech dining that actually feels personal.", tag: "Local", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bh9o8cGYNeCmPyKGU4Z0FA7egH/a-precision-robotic-arm-preparing-gourme-1774930639231-13366a29.png", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bh9o8cGYNeCmPyKGU4Z0FA7egH/a-precision-robotic-arm-preparing-gourme-1774930639231-13366a29.png" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<TestimonialCardFive
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="What Our Guests Say"
|
||||
description="Hear from our happy, tech-savvy diners."
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alex R.",
|
||||
date: "Oct 2025",
|
||||
title: "Incredible",
|
||||
quote: "The fusion of technology and taste is unparalleled.",
|
||||
tag: "Fan",
|
||||
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bh9o8cGYNeCmPyKGU4Z0FA7egH/close-up-of-fresh-gourmet-hand-rolled-ro-1774930639681-74ebb34f.png",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bh9o8cGYNeCmPyKGU4Z0FA7egH/close-up-of-fresh-gourmet-hand-rolled-ro-1774930639681-74ebb34f.png",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Jamie L.",
|
||||
date: "Nov 2025",
|
||||
title: "Amazing",
|
||||
quote: "Robotic precision really does make a difference in freshness.",
|
||||
tag: "Regular",
|
||||
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bh9o8cGYNeCmPyKGU4Z0FA7egH/precision-made-drink-in-a-high-tech-robo-1774930639782-7e440898.png",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bh9o8cGYNeCmPyKGU4Z0FA7egH/precision-made-drink-in-a-high-tech-robo-1774930639782-7e440898.png",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sam T.",
|
||||
date: "Dec 2025",
|
||||
title: "Futuristic",
|
||||
quote: "The cleanest, most precise sushi experience I have ever had.",
|
||||
tag: "Foodie",
|
||||
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bh9o8cGYNeCmPyKGU4Z0FA7egH/luxurious-minimalist-restaurant-dining-i-1774930639695-b2951ecd.png",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bh9o8cGYNeCmPyKGU4Z0FA7egH/luxurious-minimalist-restaurant-dining-i-1774930639695-b2951ecd.png",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Morgan D.",
|
||||
date: "Jan 2026",
|
||||
title: "Revolutionary",
|
||||
quote: "The tea menu is as innovative as the kitchen.",
|
||||
tag: "VIP",
|
||||
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bh9o8cGYNeCmPyKGU4Z0FA7egH/futuristic-high-end-tea-and-food-restaur-1774930639965-365d5d3e.png",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bh9o8cGYNeCmPyKGU4Z0FA7egH/futuristic-high-end-tea-and-food-restaur-1774930639965-365d5d3e.png?_wi=7",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Chris P.",
|
||||
date: "Feb 2026",
|
||||
title: "Perfect",
|
||||
quote: "High-tech dining that actually feels personal.",
|
||||
tag: "Local",
|
||||
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bh9o8cGYNeCmPyKGU4Z0FA7egH/a-precision-robotic-arm-preparing-gourme-1774930639231-13366a29.png",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bh9o8cGYNeCmPyKGU4Z0FA7egH/a-precision-robotic-arm-preparing-gourme-1774930639231-13366a29.png?_wi=2",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="Order Now"
|
||||
title="Ready to Taste the Future?"
|
||||
description="Join the revolution of fresh rolls and robotic tea. Experience culinary perfection."
|
||||
buttons={[{ text: "Get Started", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bh9o8cGYNeCmPyKGU4Z0FA7egH/futuristic-high-end-tea-and-food-restaur-1774930639965-365d5d3e.png?_wi=8"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Order",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Fresh Rolls (RoboTea)"
|
||||
copyrightText="© 2026 Fresh Rolls (RoboTea). All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bh9o8cGYNeCmPyKGU4Z0FA7egH/futuristic-high-end-tea-and-food-restaur-1774930639965-365d5d3e.png"
|
||||
columns={[
|
||||
{ title: "Navigation", items: [{ label: "Home", href: "#hero" }, { label: "Menu", href: "#features" }, { label: "About", href: "#about" }] },
|
||||
{ title: "Support", items: [{ label: "Order", href: "#contact" }, { label: "Privacy Policy", href: "#" }] }
|
||||
]}
|
||||
logoText="Fresh Rolls (RoboTea)"
|
||||
copyrightText="© 2026 Fresh Rolls (RoboTea). All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user