Merge version_1 into main #1
292
src/app/page.tsx
292
src/app/page.tsx
@@ -31,26 +31,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Restaurants",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Restaurants", id: "products" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="DineReserve"
|
||||
/>
|
||||
@@ -58,61 +43,24 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Your Next Great Meal, Just One Click Away"
|
||||
description="Discover top-rated restaurants, browse menus, and book your perfect table instantly with the US's most trusted reservation platform."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-young-woman-pink-wall_179666-2807.jpg",
|
||||
alt: "User 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-bearded-smiling-black-man-wool-suit_613910-16049.jpg",
|
||||
alt: "User 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-good-looking-smiling-friendly-female-trainee-ready-tackle-assignments-smiling-broadly-feeling-lucky-day-work-self-assured-encouraged-achieve-success-goal-white-wall_176420-35567.jpg",
|
||||
alt: "User 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/real-people-cheerful-smiling-guy-glasses-drinking-coffee-showing-thumb-up-recommending-cafe-s_1258-172630.jpg",
|
||||
alt: "User 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/guy-with-long-hair-dressed-fashionable-denim-jacket-cafe_273609-3904.jpg",
|
||||
alt: "User 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/front-view-young-woman-pink-wall_179666-2807.jpg", alt: "User 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-portrait-bearded-smiling-black-man-wool-suit_613910-16049.jpg", alt: "User 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-good-looking-smiling-friendly-female-trainee-ready-tackle-assignments-smiling-broadly-feeling-lucky-day-work-self-assured-encouraged-achieve-success-goal-white-wall_176420-35567.jpg", alt: "User 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/real-people-cheerful-smiling-guy-glasses-drinking-coffee-showing-thumb-up-recommending-cafe-s_1258-172630.jpg", alt: "User 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/guy-with-long-hair-dressed-fashionable-denim-jacket-cafe_273609-3904.jpg", alt: "User 5" },
|
||||
]}
|
||||
avatarText="Join 1M+ hungry diners"
|
||||
buttons={[
|
||||
{
|
||||
text: "Find a Table",
|
||||
href: "#products",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Find a Table", href: "#products" }]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Instant Confirmation",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Verified Diner Reviews",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Exclusive Dining Perks",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "10,000+ Restaurants",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "24/7 Support",
|
||||
},
|
||||
{ type: "text", text: "Instant Confirmation" },
|
||||
{ type: "text", text: "Verified Diner Reviews" },
|
||||
{ type: "text", text: "Exclusive Dining Perks" },
|
||||
{ type: "text", text: "10,000+ Restaurants" },
|
||||
{ type: "text", text: "24/7 Support" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -123,27 +71,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Instant Bookings",
|
||||
description: "Secure your table in seconds at thousands of restaurants.",
|
||||
tag: "Speed",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/focused-young-female-professional-using-tablet-while-sitting-desk-co-working-space_74855-9929.jpg",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Verified Reviews",
|
||||
description: "Read authentic reviews from diners who actually visited.",
|
||||
tag: "Trust",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stock-market-diagrams-with-charts-stock-figures-laptop-sitting-desk_482257-84629.jpg",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Exclusive Rewards",
|
||||
description: "Earn points on every booking and unlock dining perks.",
|
||||
tag: "Value",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-looking-laptop-new-website_171337-19397.jpg",
|
||||
},
|
||||
{ id: "f1", title: "Instant Bookings", description: "Secure your table in seconds at thousands of restaurants.", tag: "Speed", imageSrc: "http://img.b2bpic.net/free-photo/focused-young-female-professional-using-tablet-while-sitting-desk-co-working-space_74855-9929.jpg" },
|
||||
{ id: "f2", title: "Verified Reviews", description: "Read authentic reviews from diners who actually visited.", tag: "Trust", imageSrc: "http://img.b2bpic.net/free-photo/stock-market-diagrams-with-charts-stock-figures-laptop-sitting-desk_482257-84629.jpg" },
|
||||
{ id: "f3", title: "Exclusive Rewards", description: "Earn points on every booking and unlock dining perks.", tag: "Value", imageSrc: "http://img.b2bpic.net/free-photo/friends-looking-laptop-new-website_171337-19397.jpg" },
|
||||
]}
|
||||
title="Why Choose DineReserve?"
|
||||
description="Everything you need to plan your perfect dining experience."
|
||||
@@ -152,52 +82,17 @@ export default function LandingPage() {
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "The Golden Fork",
|
||||
price: "$$$",
|
||||
variant: "Italian",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-conchiglie-with-vegetables-greens-plate-knife-gray-table_140725-138362.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Pizza Haven",
|
||||
price: "$$",
|
||||
variant: "Pizzeria",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pizza-slices-arrangement-with-copy-space_23-2148574306.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Steak Masters",
|
||||
price: "$$$$",
|
||||
variant: "Steakhouse",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-front-view-grilled-meat-with-vegetables-lettuce-with-grated-cheese-plate_141793-2811.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Sushi Zen",
|
||||
price: "$$$",
|
||||
variant: "Japanese",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sushi-roll_1203-3647.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Burger Joint",
|
||||
price: "$",
|
||||
variant: "Casual",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/arrangement-with-delicious-vegan-burger_23-2149039340.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Green Garden",
|
||||
price: "$$",
|
||||
variant: "Vegan",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-salmon-bowl-indoors_23-2150533919.jpg",
|
||||
},
|
||||
{ id: "p1", name: "The Golden Fork", price: "$$$", variant: "Italian", imageSrc: "http://img.b2bpic.net/free-photo/delicious-conchiglie-with-vegetables-greens-plate-knife-gray-table_140725-138362.jpg" },
|
||||
{ id: "p2", name: "Pizza Haven", price: "$$", variant: "Pizzeria", imageSrc: "http://img.b2bpic.net/free-photo/pizza-slices-arrangement-with-copy-space_23-2148574306.jpg" },
|
||||
{ id: "p3", name: "Steak Masters", price: "$$$$", variant: "Steakhouse", imageSrc: "http://img.b2bpic.net/free-photo/close-front-view-grilled-meat-with-vegetables-lettuce-with-grated-cheese-plate_141793-2811.jpg" },
|
||||
{ id: "p4", name: "Sushi Zen", price: "$$$", variant: "Japanese", imageSrc: "http://img.b2bpic.net/free-photo/sushi-roll_1203-3647.jpg" },
|
||||
{ id: "p5", name: "Burger Joint", price: "$", variant: "Casual", imageSrc: "http://img.b2bpic.net/free-photo/arrangement-with-delicious-vegan-burger_23-2149039340.jpg" },
|
||||
{ id: "p6", name: "Green Garden", price: "$$", variant: "Vegan", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-salmon-bowl-indoors_23-2150533919.jpg" },
|
||||
]}
|
||||
title="Top Restaurants Near You"
|
||||
description="Explore popular spots in your city."
|
||||
@@ -210,21 +105,9 @@ export default function LandingPage() {
|
||||
title="Numbers That Matter"
|
||||
tag="Our Impact"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "10k+",
|
||||
description: "Restaurants listed",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "5M+",
|
||||
description: "Reservations made",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "2M+",
|
||||
description: "Verified reviews",
|
||||
},
|
||||
{ id: "m1", value: "10k+", description: "Restaurants listed" },
|
||||
{ id: "m2", value: "5M+", description: "Reservations made" },
|
||||
{ id: "m3", value: "2M+", description: "Verified reviews" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -237,46 +120,11 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Miller",
|
||||
role: "Foodie",
|
||||
company: "Local Guide",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-standing_1187-1543.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "John Doe",
|
||||
role: "Business Traveler",
|
||||
company: "Tech Corp",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-waitress-holding-plate-with-muffin_107420-12322.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily Watson",
|
||||
role: "Chef",
|
||||
company: "Culinary Lab",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-man-talking-phone_23-2148230757.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Alex River",
|
||||
role: "Critic",
|
||||
company: "Fine Dine Mag",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-curly-female-blogger-sends-mails-messages-via-smartphone-installs-new-application-smiles-broadly_273609-55591.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Maria Garcia",
|
||||
role: "Food Blogger",
|
||||
company: "Influencer",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/guy-with-long-hair-dressed-fashionable-denim-jacket-cafe_273609-3904.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Sarah Miller", role: "Foodie", company: "Local Guide", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/business-woman-standing_1187-1543.jpg" },
|
||||
{ id: "t2", name: "John Doe", role: "Business Traveler", company: "Tech Corp", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-waitress-holding-plate-with-muffin_107420-12322.jpg" },
|
||||
{ id: "t3", name: "Emily Watson", role: "Chef", company: "Culinary Lab", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-man-talking-phone_23-2148230757.jpg" },
|
||||
{ id: "t4", name: "Alex River", role: "Critic", company: "Fine Dine Mag", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/positive-curly-female-blogger-sends-mails-messages-via-smartphone-installs-new-application-smiles-broadly_273609-55591.jpg" },
|
||||
{ id: "t5", name: "Maria Garcia", role: "Food Blogger", company: "Influencer", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/guy-with-long-hair-dressed-fashionable-denim-jacket-cafe_273609-3904.jpg" },
|
||||
]}
|
||||
title="Hear From Our Diners"
|
||||
description="Join the community of food lovers."
|
||||
@@ -288,14 +136,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"The Golden Fork",
|
||||
"Pizza Haven",
|
||||
"Steak Masters",
|
||||
"Sushi Zen",
|
||||
"Burger Joint",
|
||||
"Green Garden",
|
||||
"Dine Chain",
|
||||
]}
|
||||
"The Golden Fork", "Pizza Haven", "Steak Masters", "Sushi Zen", "Burger Joint", "Green Garden", "Dine Chain"]}
|
||||
title="Trusted By Top Chains"
|
||||
description="We partner with leading restaurants across the USA."
|
||||
/>
|
||||
@@ -305,21 +146,9 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How do I cancel?",
|
||||
content: "Visit your profile, select bookings, and choose cancel.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Is it free to use?",
|
||||
content: "Yes, our service is completely free for all diners.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "How do I earn points?",
|
||||
content: "Earn points by making bookings through our platform.",
|
||||
},
|
||||
{ id: "q1", title: "How do I cancel?", content: "Visit your profile, select bookings, and choose cancel." },
|
||||
{ id: "q2", title: "Is it free to use?", content: "Yes, our service is completely free for all diners." },
|
||||
{ id: "q3", title: "How do I earn points?", content: "Earn points by making bookings through our platform." },
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
sideDescription="Need help with your booking?"
|
||||
@@ -330,9 +159,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Join Us"
|
||||
title="Stay Updated"
|
||||
description="Sign up for exclusive dining offers and restaurant alerts."
|
||||
@@ -344,42 +171,21 @@ export default function LandingPage() {
|
||||
logoText="DineReserve"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
title: "Company", items: [
|
||||
{ label: "About", href: "#" },
|
||||
{ label: "Careers", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Help",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Safety",
|
||||
href: "#",
|
||||
},
|
||||
title: "Support", items: [
|
||||
{ label: "Help", href: "#" },
|
||||
{ label: "Safety", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
title: "Legal", items: [
|
||||
{ label: "Terms", href: "#" },
|
||||
{ label: "Privacy", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user