Merge version_1 into main #2
356
src/app/page.tsx
356
src/app/page.tsx
@@ -27,256 +27,126 @@ export default function LandingPage() {
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Experience",
|
||||
id: "#experience",
|
||||
},
|
||||
{
|
||||
name: "For Operators",
|
||||
id: "#operators",
|
||||
},
|
||||
{
|
||||
name: "Download",
|
||||
id: "#download",
|
||||
},
|
||||
]}
|
||||
brandName="Oro"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Experience", id: "#experience" },
|
||||
{ name: "For Operators", id: "#operators" },
|
||||
{ name: "Download", id: "#download" }
|
||||
]}
|
||||
brandName="Oro"
|
||||
button={{ text: "Get Started" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="The video is the review."
|
||||
description="Discover restaurants the way you actually choose them — by feel, not stars."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Elena R.",
|
||||
handle: "@elena_dining",
|
||||
testimonial: "Finally, a way to see the vibe before I book. Oro is a game changer.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/expensive-restaurant-interior-view-with-colorful-illuminating_114579-1118.jpg?_wi=1",
|
||||
imageAlt: "luxurious dark restaurant interior",
|
||||
},
|
||||
{
|
||||
name: "Marcus T.",
|
||||
handle: "@mt_foodie",
|
||||
testimonial: "The atmosphere videos are so accurate. I feel like I've already been there.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/collection-watercolor-hand-drawn-pointers-with-icons_23-2147576682.jpg?_wi=1",
|
||||
imageAlt: "minimalist golden compass icon",
|
||||
},
|
||||
{
|
||||
name: "Sarah J.",
|
||||
handle: "@sarah_eats",
|
||||
testimonial: "No more guessing games. This is how restaurant discovery should be.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-black-plates-with-golden-fork-knife-crossed-dark-background_179666-19291.jpg?_wi=1",
|
||||
imageAlt: "elegant golden calendar reservation",
|
||||
},
|
||||
{
|
||||
name: "David W.",
|
||||
handle: "@david_dines",
|
||||
testimonial: "Clean UI, seamless booking, and the best aesthetic in the industry.",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-black-square-plate-with-golden-spoons-dark-blue-background-dinner-restaurant-food-cutlery-color-meal-utencil_179666-19709.jpg?_wi=1",
|
||||
imageAlt: "gold profile heart icon",
|
||||
},
|
||||
{
|
||||
name: "Jessica L.",
|
||||
handle: "@jess_gourmet",
|
||||
testimonial: "Oro captures the energy of the room perfectly. My new favorite app.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-chef-kitchen-sprinkles-sald-from-cabbage-with-pomegranate_1303-32129.jpg?_wi=1",
|
||||
imageAlt: "professional restaurant service chef",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Download Oro",
|
||||
href: "#download",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/expensive-restaurant-interior-view-with-colorful-illuminating_114579-1118.jpg?_wi=2"
|
||||
mediaAnimation="opacity"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-vector/collection-watercolor-hand-drawn-pointers-with-icons_23-2147576682.jpg",
|
||||
alt: "user-1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-black-plates-with-golden-fork-knife-crossed-dark-background_179666-19291.jpg",
|
||||
alt: "user-2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/top-view-black-square-plate-with-golden-spoons-dark-blue-background-dinner-restaurant-food-cutlery-color-meal-utencil_179666-19709.jpg",
|
||||
alt: "user-3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/expensive-restaurant-interior-view-with-colorful-illuminating_114579-1118.jpg",
|
||||
alt: "user-4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-chef-kitchen-sprinkles-sald-from-cabbage-with-pomegranate_1303-32129.jpg",
|
||||
alt: "user-5",
|
||||
},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Michelin Quality",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Hidden Gems",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Vibe Focused",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Seamless Booking",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Curated Dining",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="The video is the review."
|
||||
description="Discover restaurants the way you actually choose them — by feel, not stars."
|
||||
testimonials={[
|
||||
{ name: "Elena R.", handle: "@elena_dining", testimonial: "Finally, a way to see the vibe before I book. Oro is a game changer.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/expensive-restaurant-interior-view-with-colorful-illuminating_114579-1118.jpg", imageAlt: "luxurious dark restaurant interior" },
|
||||
{ name: "Marcus T.", handle: "@mt_foodie", testimonial: "The atmosphere videos are so accurate. I feel like I've already been there.", rating: 5, imageSrc: "http://img.b2bpic.net/free-vector/collection-watercolor-hand-drawn-pointers-with-icons_23-2147576682.jpg", imageAlt: "minimalist golden compass icon" },
|
||||
{ name: "Sarah J.", handle: "@sarah_eats", testimonial: "No more guessing games. This is how restaurant discovery should be.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-black-plates-with-golden-fork-knife-crossed-dark-background_179666-19291.jpg", imageAlt: "elegant golden calendar reservation" },
|
||||
{ name: "David W.", handle: "@david_dines", testimonial: "Clean UI, seamless booking, and the best aesthetic in the industry.", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/top-view-black-square-plate-with-golden-spoons-dark-blue-background-dinner-restaurant-food-cutlery-color-meal-utencil_179666-19709.jpg", imageAlt: "gold profile heart icon" },
|
||||
{ name: "Jessica L.", handle: "@jess_gourmet", testimonial: "Oro captures the energy of the room perfectly. My new favorite app.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-chef-kitchen-sprinkles-sald-from-cabbage-with-pomegranate_1303-32129.jpg", imageAlt: "professional restaurant service chef" }
|
||||
]}
|
||||
buttons={[{ text: "Download Oro", href: "#download" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/expensive-restaurant-interior-view-with-colorful-illuminating_114579-1118.jpg"
|
||||
mediaAnimation="opacity"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-vector/collection-watercolor-hand-drawn-pointers-with-icons_23-2147576682.jpg", alt: "user-1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/front-view-black-plates-with-golden-fork-knife-crossed-dark-background_179666-19291.jpg", alt: "user-2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/top-view-black-square-plate-with-golden-spoons-dark-blue-background-dinner-restaurant-food-cutlery-color-meal-utencil_179666-19709.jpg", alt: "user-3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/expensive-restaurant-interior-view-with-colorful-illuminating_114579-1118.jpg", alt: "user-4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/man-chef-kitchen-sprinkles-sald-from-cabbage-with-pomegranate_1303-32129.jpg", alt: "user-5" }
|
||||
]}
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Michelin Quality" },
|
||||
{ type: "text", text: "Hidden Gems" },
|
||||
{ type: "text", text: "Vibe Focused" },
|
||||
{ type: "text", text: "Seamless Booking" },
|
||||
{ type: "text", text: "Curated Dining" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="experience" data-section="experience">
|
||||
<FeatureCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Discover",
|
||||
description: "Scroll short videos from real restaurants. Feel the room before you book it.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/collection-watercolor-hand-drawn-pointers-with-icons_23-2147576682.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
title: "Reserve",
|
||||
description: "Book your table in seconds, directly inside the app. No third-party handoffs.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-black-plates-with-golden-fork-knife-crossed-dark-background_179666-19291.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
title: "Return",
|
||||
description: "Your history, your preferences, your table. Oro remembers what you love.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-black-square-plate-with-golden-spoons-dark-blue-background-dinner-restaurant-food-cutlery-color-meal-utencil_179666-19709.jpg?_wi=2",
|
||||
},
|
||||
]}
|
||||
title="The Experience"
|
||||
description="Dining, elevated."
|
||||
/>
|
||||
</div>
|
||||
<div id="experience" data-section="experience">
|
||||
<FeatureCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "Discover", description: "Scroll short videos from real restaurants. Feel the room before you book it.", imageSrc: "http://img.b2bpic.net/free-vector/collection-watercolor-hand-drawn-pointers-with-icons_23-2147576682.jpg" },
|
||||
{ title: "Reserve", description: "Book your table in seconds, directly inside the app. No third-party handoffs.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-black-plates-with-golden-fork-knife-crossed-dark-background_179666-19291.jpg" },
|
||||
{ title: "Return", description: "Your history, your preferences, your table. Oro remembers what you love.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-black-square-plate-with-golden-spoons-dark-blue-background-dinner-restaurant-food-cutlery-color-meal-utencil_179666-19709.jpg" }
|
||||
]}
|
||||
title="The Experience"
|
||||
description="Dining, elevated."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="operators" data-section="operators">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={false}
|
||||
tag="FOR OPERATORS"
|
||||
title="Give your restaurant a discoverable identity."
|
||||
description="Oro puts your best moments — the ambiance, the energy, the food at its most alive — in front of the guests who will love you most."
|
||||
subdescription="Transform casual viewers into loyal guests."
|
||||
icon={Sparkles}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-chef-kitchen-sprinkles-sald-from-cabbage-with-pomegranate_1303-32129.jpg?_wi=2"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="operators" data-section="operators">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={false}
|
||||
tag="FOR OPERATORS"
|
||||
title="Give your restaurant a discoverable identity."
|
||||
description="Oro puts your best moments — the ambiance, the energy, the food at its most alive — in front of the guests who will love you most."
|
||||
subdescription="Transform casual viewers into loyal guests."
|
||||
icon={Sparkles}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-chef-kitchen-sprinkles-sald-from-cabbage-with-pomegranate_1303-32129.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="stats" data-section="stats">
|
||||
<MetricCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "71%",
|
||||
title: "Gen Z dining habits",
|
||||
items: [
|
||||
"of Gen Z choose restaurants based on video",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "$51",
|
||||
title: "Average spend",
|
||||
items: [
|
||||
"average Gen Z dining spend per visit",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "2030",
|
||||
title: "Future outlook",
|
||||
items: [
|
||||
"the year Gen Z becomes the dominant dining generation",
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="The New Dining Standard"
|
||||
description="Gen Z dining data points."
|
||||
/>
|
||||
</div>
|
||||
<div id="stats" data-section="stats">
|
||||
<MetricCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{ id: "m1", value: "71%", title: "Gen Z dining habits", items: ["of Gen Z choose restaurants based on video"] },
|
||||
{ id: "m2", value: "$51", title: "Average spend", items: ["average Gen Z dining spend per visit"] },
|
||||
{ id: "m3", value: "2030", title: "Future outlook", items: ["the year Gen Z becomes the dominant dining generation"] }
|
||||
]}
|
||||
title="The New Dining Standard"
|
||||
description="Gen Z dining data points."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="download" data-section="download">
|
||||
<ProductCardOne
|
||||
animationType="scale-rotate"
|
||||
textboxLayout="split"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "App Store Download",
|
||||
price: "Get it now",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-ground-texture-pattern_58702-15809.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Google Play Download",
|
||||
price: "Coming soon",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-ground-texture-pattern_58702-15809.jpg?_wi=2",
|
||||
},
|
||||
]}
|
||||
title="The table is waiting."
|
||||
description="Download Oro today."
|
||||
/>
|
||||
</div>
|
||||
<div id="download" data-section="download">
|
||||
<ProductCardOne
|
||||
animationType="scale-rotate"
|
||||
textboxLayout="split"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", name: "App Store Download", price: "Get it now", imageSrc: "http://img.b2bpic.net/free-photo/photo-ground-texture-pattern_58702-15809.jpg" },
|
||||
{ id: "p2", name: "Google Play Download", price: "Coming soon", imageSrc: "http://img.b2bpic.net/free-photo/photo-ground-texture-pattern_58702-15809.jpg" },
|
||||
{ id: "p3", name: "Web App", price: "Live", imageSrc: "http://img.b2bpic.net/free-photo/photo-ground-texture-pattern_58702-15809.jpg" }
|
||||
]}
|
||||
title="The table is waiting."
|
||||
description="Download Oro today."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="statement" data-section="statement">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
text="You don't choose a restaurant with stars anymore. You choose it with a feeling."
|
||||
/>
|
||||
</div>
|
||||
<div id="statement" data-section="statement">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "plain" }}
|
||||
text="You don't choose a restaurant with stars anymore. You choose it with a feeling."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="ORO"
|
||||
copyrightText="© 2025 Oro Reservations. San Francisco."
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "https://instagram.com",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="ORO"
|
||||
copyrightText="© 2025 Oro Reservations. San Francisco."
|
||||
socialLinks={[{ icon: Instagram, href: "https://instagram.com", ariaLabel: "Instagram" }]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user