Merge version_1 into main #2
222
src/app/page.tsx
222
src/app/page.tsx
@@ -31,22 +31,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Cafe Classic"
|
||||
/>
|
||||
@@ -56,34 +44,14 @@ export default function LandingPage() {
|
||||
<HeroOverlay
|
||||
title="A Classic Experience in Every Sip"
|
||||
description="Step into a timeless atmosphere where quality meets comfort. Join us for a memorable culinary experience in the heart of the city."
|
||||
buttons={[
|
||||
{
|
||||
text: "Visit Us",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/luxury-meeting-dining-room-table-multiple-chairs_114579-2067.jpg?_wi=1"
|
||||
buttons={[{ text: "Visit Us", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/luxury-meeting-dining-room-table-multiple-chairs_114579-2067.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-cup-with-delicious-coffee-table_23-2149703757.jpg",
|
||||
alt: "High angle cup with delicious coffee on table",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/coffee-macaroons-cafe-table_23-2147787053.jpg",
|
||||
alt: "Coffee and macaroons on cafe table",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/vertical-shot-simple-white-chairs-tables-restaurant-with-blurry-background_181624-57929.jpg",
|
||||
alt: "Vertical shot of simple white chairs and tables in a restaurant with a blurry background",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-young-woman-sitting-modern-cafe_171337-17121.jpg",
|
||||
alt: "Portrait of a young young woman sitting at the modern cafe",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/table-set-dinning-table_1339-3458.jpg",
|
||||
alt: "table set on dinning table",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/high-angle-cup-with-delicious-coffee-table_23-2149703757.jpg", alt: "High angle cup with delicious coffee on table" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/coffee-macaroons-cafe-table_23-2147787053.jpg", alt: "Coffee and macaroons on cafe table" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/vertical-shot-simple-white-chairs-tables-restaurant-with-blurry-background_181624-57929.jpg", alt: "Vertical shot of simple white chairs and tables in a restaurant with a blurry background" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-young-young-woman-sitting-modern-cafe_171337-17121.jpg", alt: "Portrait of a young young woman sitting at the modern cafe" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/table-set-dinning-table_1339-3458.jpg", alt: "table set on dinning table" },
|
||||
]}
|
||||
avatarText="Join 5,000+ local coffee lovers"
|
||||
/>
|
||||
@@ -94,7 +62,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="Authentic Cafe Traditions"
|
||||
description="Our cafe is built on a foundation of passion for quality ingredients and warm hospitality. Every corner is curated to offer you a peaceful retreat from the bustling city."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/two-men-cafe_23-2147775893.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/two-men-cafe_23-2147775893.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -104,42 +72,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Gourmet Breakfast",
|
||||
description: "Start your day with hand-picked ingredients.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/penne-pasta-with-parmesan-ceramic-plate-luxury-restaurant_114579-2154.jpg",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/relaxed-girl-jeans-drinking-mulled-wine-cold-day-indoor-shot-ginger-woman-with-cup-tea_197531-14170.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-meeting-dining-room-table-multiple-chairs_114579-2067.jpg?_wi=2",
|
||||
imageAlt: "fresh gourmet cafe food plating",
|
||||
},
|
||||
{
|
||||
title: "Crafted Beverages",
|
||||
description: "Expertly brewed coffee and refreshing teas.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-barista-pouring-boiling-water-coffee-filter_23-2148824409.jpg",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-salad-cow-tongue-with-orange-carrots-arugula-plate-with-tomatoes-cucumber-soft-drink-table_141793-2843.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-men-cafe_23-2147775893.jpg?_wi=2",
|
||||
imageAlt: "fresh gourmet cafe food plating",
|
||||
},
|
||||
{
|
||||
title: "Artisan Pastries",
|
||||
description: "Freshly baked in our ovens every morning.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fried-salmon-fillet-with-sauce-top_140725-6436.jpg",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barista-is-preparing-coffee_140725-8112.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/caesar-salad-with-fried-chicken_140725-3346.jpg?_wi=1",
|
||||
imageAlt: "fresh gourmet cafe food plating",
|
||||
},
|
||||
{ title: "Gourmet Breakfast", description: "Start your day with hand-picked ingredients.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/penne-pasta-with-parmesan-ceramic-plate-luxury-restaurant_114579-2154.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/relaxed-girl-jeans-drinking-mulled-wine-cold-day-indoor-shot-ginger-woman-with-cup-tea_197531-14170.jpg" } },
|
||||
{ title: "Crafted Beverages", description: "Expertly brewed coffee and refreshing teas.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/male-barista-pouring-boiling-water-coffee-filter_23-2148824409.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/front-view-salad-cow-tongue-with-orange-carrots-arugula-plate-with-tomatoes-cucumber-soft-drink-table_141793-2843.jpg" } },
|
||||
{ title: "Artisan Pastries", description: "Freshly baked in our ovens every morning.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/fried-salmon-fillet-with-sauce-top_140725-6436.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/barista-is-preparing-coffee_140725-8112.jpg" } },
|
||||
]}
|
||||
showStepNumbers={false}
|
||||
title="Signature Cafe Delights"
|
||||
@@ -154,42 +89,12 @@ export default function LandingPage() {
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Rustic Sandwich",
|
||||
price: "$12",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/caesar-salad-with-fried-chicken_140725-3346.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Berry Cheesecake",
|
||||
price: "$8",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-yummy-creamy-cake-with-cup-tea-light-dark-background_140725-80168.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Signature Latte",
|
||||
price: "$6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-chocolate-cakes-with-icing-cup-tea-pink_140725-78155.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Butter Croissant",
|
||||
price: "$5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/croissant-basket-with-cup-tea-side-view-wooden-table_176474-8129.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Summer Salad",
|
||||
price: "$14",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-close-up-view-fresh-salad-with-sliced-vegetables-greens-inside-white-plate-white-floor_140725-14232.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Earl Grey Tea",
|
||||
price: "$7",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-tea-party-composition-table_23-2149064401.jpg",
|
||||
},
|
||||
{ id: "1", name: "Rustic Sandwich", price: "$12", imageSrc: "http://img.b2bpic.net/free-photo/caesar-salad-with-fried-chicken_140725-3346.jpg" },
|
||||
{ id: "2", name: "Berry Cheesecake", price: "$8", imageSrc: "http://img.b2bpic.net/free-photo/top-view-yummy-creamy-cake-with-cup-tea-light-dark-background_140725-80168.jpg" },
|
||||
{ id: "3", name: "Signature Latte", price: "$6", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-chocolate-cakes-with-icing-cup-tea-pink_140725-78155.jpg" },
|
||||
{ id: "4", name: "Butter Croissant", price: "$5", imageSrc: "http://img.b2bpic.net/free-photo/croissant-basket-with-cup-tea-side-view-wooden-table_176474-8129.jpg" },
|
||||
{ id: "5", name: "Summer Salad", price: "$14", imageSrc: "http://img.b2bpic.net/free-photo/front-close-up-view-fresh-salad-with-sliced-vegetables-greens-inside-white-plate-white-floor_140725-14232.jpg" },
|
||||
{ id: "6", name: "Earl Grey Tea", price: "$7", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-tea-party-composition-table_23-2149064401.jpg" },
|
||||
]}
|
||||
title="Our Menu Favorites"
|
||||
description="Explore our selection of premium cafe offerings."
|
||||
@@ -200,48 +105,14 @@ export default function LandingPage() {
|
||||
<TestimonialCardOne
|
||||
textboxLayout="split"
|
||||
gridVariant="bento-grid"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Anna S.",
|
||||
role: "Foodie",
|
||||
company: "Local Guide",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-friends-restaurant_23-2148395392.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark R.",
|
||||
role: "Designer",
|
||||
company: "Creative Lab",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-drinking-coffee-talking-phone_1303-9907.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena K.",
|
||||
role: "Student",
|
||||
company: "City University",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-hipster-male-blue-fleece-shirt-jeans-holds-cup-morning-coffee-while-sitting-window-sill-studio-with-loft-interior_613910-18991.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David L.",
|
||||
role: "Architect",
|
||||
company: "Studio B",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/watching-funny-video-internet-with-coworkers-cafe-terrace-with-tasty-food_8353-10265.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Sophie P.",
|
||||
role: "Traveler",
|
||||
company: "Nomad Life",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/guy-with-long-hair-dressed-fashionable-denim-jacket-cafe_273609-3904.jpg",
|
||||
},
|
||||
{ id: "1", name: "Anna S.", role: "Foodie", company: "Local Guide", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/high-angle-friends-restaurant_23-2148395392.jpg" },
|
||||
{ id: "2", name: "Mark R.", role: "Designer", company: "Creative Lab", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-drinking-coffee-talking-phone_1303-9907.jpg" },
|
||||
{ id: "3", name: "Elena K.", role: "Student", company: "City University", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-hipster-male-blue-fleece-shirt-jeans-holds-cup-morning-coffee-while-sitting-window-sill-studio-with-loft-interior_613910-18991.jpg" },
|
||||
{ id: "4", name: "David L.", role: "Architect", company: "Studio B", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/watching-funny-video-internet-with-coworkers-cafe-terrace-with-tasty-food_8353-10265.jpg" },
|
||||
{ id: "5", name: "Sophie P.", role: "Traveler", company: "Nomad Life", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/guy-with-long-hair-dressed-fashionable-denim-jacket-cafe_273609-3904.jpg" },
|
||||
]}
|
||||
title="Loved by Our Guests"
|
||||
description="Hear what our regulars say about their experiences at our cafe."
|
||||
@@ -253,12 +124,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Foodies Digest",
|
||||
"Culinary Award",
|
||||
"Best City Cafe",
|
||||
"Local Guide",
|
||||
"Top Rated Eats",
|
||||
]}
|
||||
"Foodies Digest", "Culinary Award", "Best City Cafe", "Local Guide", "Top Rated Eats"]}
|
||||
title="Recognized for Quality"
|
||||
description="Featured in various culinary guides and associations."
|
||||
/>
|
||||
@@ -269,21 +135,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you accept reservations?",
|
||||
content: "Yes, for groups larger than four guests, we recommend booking in advance.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Are you pet friendly?",
|
||||
content: "We have an outdoor terrace where pets are more than welcome.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Do you offer catering?",
|
||||
content: "Absolutely! Contact us to discuss your event details.",
|
||||
},
|
||||
{ id: "f1", title: "Do you accept reservations?", content: "Yes, for groups larger than four guests, we recommend booking in advance." },
|
||||
{ id: "f2", title: "Are you pet friendly?", content: "We have an outdoor terrace where pets are more than welcome." },
|
||||
{ id: "f3", title: "Do you offer catering?", content: "Absolutely! Contact us to discuss your event details." },
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know about our cafe."
|
||||
@@ -294,9 +148,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Visit Us Today"
|
||||
description="We are located in the heart of the city, open from 8 AM to 8 PM daily."
|
||||
tag="Contact Us"
|
||||
@@ -306,14 +158,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Cafe Classic"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Contact",
|
||||
href: "#contact",
|
||||
}}
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Contact", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user