Merge version_1 into main #2
258
src/app/page.tsx
258
src/app/page.tsx
@@ -32,22 +32,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Menu", id: "products" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Coffee&Kitchen"
|
||||
/>
|
||||
@@ -55,43 +43,17 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Great Coffee, Great Vibes, Greater Moments"
|
||||
description="From sunrise breakfast to late-night bites, discover Coffee&Kitchen's rooftop charm, diverse menu, and cozy atmosphere. Perfect for solo dining, groups, or casual hangouts."
|
||||
tag="Coffee & Kitchen Cafe"
|
||||
buttons={[
|
||||
{
|
||||
text: "Reserve Your Table",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Order Now",
|
||||
href: "#products",
|
||||
},
|
||||
{ text: "Reserve Your Table", href: "#contact" },
|
||||
{ text: "Order Now", href: "#products" },
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D2SKnbLo9bJ3DBVeTH12t7NJHj/uploaded-1777479754833-eu2l4ji1.jpg?_wi=1",
|
||||
imageAlt: "Coffee shop interior",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D2SKnbLo9bJ3DBVeTH12t7NJHj/uploaded-1777479754833-mcjr7d6b.jpg?_wi=1",
|
||||
imageAlt: "Rooftop view",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-pours-milk-cup-coffee_8353-1389.jpg",
|
||||
imageAlt: "Barista pouring latte art",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-friends-having-cocktails_23-2150244991.jpg",
|
||||
imageAlt: "Friends enjoying drinks on rooftop",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-african-woman-student-sitting-cafe-smiling-drinking-coffee_176420-12326.jpg",
|
||||
imageAlt: "Happy student studying in cafe",
|
||||
},
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D2SKnbLo9bJ3DBVeTH12t7NJHj/uploaded-1777479754833-eu2l4ji1.jpg", imageAlt: "Coffee shop interior" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D2SKnbLo9bJ3DBVeTH12t7NJHj/uploaded-1777479754833-mcjr7d6b.jpg", imageAlt: "Rooftop view" },
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -107,7 +69,7 @@ export default function LandingPage() {
|
||||
title="Redefining the Cafe Experience"
|
||||
description="Coffee&Kitchen is more than just a cafe; it's a sanctuary for dreamers, students, and professionals alike. Nestled in the heart of the city, we combine top-tier brewing with high-end culinary arts."
|
||||
subdescription="Whether you are here for a study session or a rooftop birthday celebration, we offer the atmosphere you need."
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D2SKnbLo9bJ3DBVeTH12t7NJHj/uploaded-1777479754833-1rodh36z.jpg?_wi=1"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D2SKnbLo9bJ3DBVeTH12t7NJHj/uploaded-1777479754833-1rodh36z.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
icon={Coffee}
|
||||
/>
|
||||
@@ -119,26 +81,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
tag: "Flexible",
|
||||
title: "Takeout & Delivery",
|
||||
subtitle: "Convenience at your door",
|
||||
description: "Quick, no-contact delivery options for busy days.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/salad-with-mozarella-tomato-slices-with-basilic-herbal-dressing_114579-3682.jpg",
|
||||
},
|
||||
tag: "Flexible", title: "Takeout & Delivery", subtitle: "Convenience at your door", description: "Quick, no-contact delivery options for busy days.", imageSrc: "http://img.b2bpic.net/free-photo/salad-with-mozarella-tomato-slices-with-basilic-herbal-dressing_114579-3682.jpg"},
|
||||
{
|
||||
tag: "Atmosphere",
|
||||
title: "Rooftop Lounge",
|
||||
subtitle: "Instagrammable views",
|
||||
description: "Relax under the stars with our rooftop service.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cup-with-tea-herbs_23-2148550487.jpg",
|
||||
},
|
||||
tag: "Atmosphere", title: "Rooftop Lounge", subtitle: "Instagrammable views", description: "Relax under the stars with our rooftop service.", imageSrc: "http://img.b2bpic.net/free-photo/cup-with-tea-herbs_23-2148550487.jpg"},
|
||||
{
|
||||
tag: "Service",
|
||||
title: "Professional Events",
|
||||
subtitle: "Perfect for groups",
|
||||
description: "Spacious table setups for study groups and meetings.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-high-protein-meal-assortment_23-2149089673.jpg",
|
||||
},
|
||||
tag: "Service", title: "Professional Events", subtitle: "Perfect for groups", description: "Spacious table setups for study groups and meetings.", imageSrc: "http://img.b2bpic.net/free-photo/delicious-high-protein-meal-assortment_23-2149089673.jpg"},
|
||||
]}
|
||||
title="Dining Made Easy"
|
||||
description="Enjoy a range of flexible services tailored to your lifestyle."
|
||||
@@ -154,41 +101,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Signature Latte",
|
||||
price: "$5.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/seriously-young-stylish-business-woman-jacket-using-smartphone-working-laptop-listening-music-having-coffee-break_291650-1360.jpg?_wi=1",
|
||||
},
|
||||
id: "p1", name: "Signature Latte", price: "$5.00", imageSrc: "http://img.b2bpic.net/free-photo/seriously-young-stylish-business-woman-jacket-using-smartphone-working-laptop-listening-music-having-coffee-break_291650-1360.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Artisan Chocolate Cake",
|
||||
price: "$8.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-close-up-view-cupcake-appetizing-cupcake-white-plate-black-wall_140725-117155.jpg?_wi=1",
|
||||
},
|
||||
id: "p2", name: "Artisan Chocolate Cake", price: "$8.50", imageSrc: "http://img.b2bpic.net/free-photo/side-close-up-view-cupcake-appetizing-cupcake-white-plate-black-wall_140725-117155.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Morning Brunch Plate",
|
||||
price: "$12.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/grilled-tuna-with-avocado-tomatoes-greens-sesame-sauce-bread-glass-tarhun-lemonade-table_140725-10940.jpg",
|
||||
},
|
||||
id: "p3", name: "Morning Brunch Plate", price: "$12.00", imageSrc: "http://img.b2bpic.net/free-photo/grilled-tuna-with-avocado-tomatoes-greens-sesame-sauce-bread-glass-tarhun-lemonade-table_140725-10940.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Specialty Herbal Tea",
|
||||
price: "$4.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-arranging-her-cake-shop_23-2149210493.jpg",
|
||||
},
|
||||
id: "p4", name: "Specialty Herbal Tea", price: "$4.50", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-arranging-her-cake-shop_23-2149210493.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Tapas Sampler",
|
||||
price: "$15.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-sliced-potato-pies-with-mushed-pumpkin-tomatoes-grey-background-oven-cake-pie-bake-color_140725-110273.jpg",
|
||||
},
|
||||
id: "p5", name: "Tapas Sampler", price: "$15.00", imageSrc: "http://img.b2bpic.net/free-photo/front-view-sliced-potato-pies-with-mushed-pumpkin-tomatoes-grey-background-oven-cake-pie-bake-color_140725-110273.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Dessert Trio",
|
||||
price: "$11.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-yummy-little-cakes-with-chocolate-bars-nuts-dark-surface-nut-fruit-cake-pie-cookie-berry_140725-118456.jpg",
|
||||
},
|
||||
id: "p6", name: "Dessert Trio", price: "$11.00", imageSrc: "http://img.b2bpic.net/free-photo/top-view-yummy-little-cakes-with-chocolate-bars-nuts-dark-surface-nut-fruit-cake-pie-cookie-berry_140725-118456.jpg"},
|
||||
]}
|
||||
title="Our Menu"
|
||||
description="Discover our carefully curated selection of artisan drinks and gourmet bites."
|
||||
@@ -198,27 +121,19 @@ export default function LandingPage() {
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Coffee,
|
||||
title: "Coffee Brewed",
|
||||
value: "100k+",
|
||||
},
|
||||
id: "m1", icon: Coffee,
|
||||
title: "Coffee Brewed", value: "100k+"},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Smile,
|
||||
title: "Happy Customers",
|
||||
value: "50k+",
|
||||
},
|
||||
id: "m2", icon: Smile,
|
||||
title: "Happy Customers", value: "50k+"},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Sun,
|
||||
title: "Rooftop Sunsets",
|
||||
value: "365",
|
||||
},
|
||||
id: "m3", icon: Sun,
|
||||
title: "Rooftop Sunsets", value: "365"},
|
||||
]}
|
||||
title="The Numbers Behind Our Flavor"
|
||||
description="We are proud of the impact we've made in our community."
|
||||
@@ -231,60 +146,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alex R.",
|
||||
date: "Oct 2023",
|
||||
title: "Student",
|
||||
quote: "The best spot for studying. Reliable coffee and fast Wi-Fi.",
|
||||
tag: "Study Haven",
|
||||
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D2SKnbLo9bJ3DBVeTH12t7NJHj/uploaded-1777479754833-yv7ugtao.jpg",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D2SKnbLo9bJ3DBVeTH12t7NJHj/uploaded-1777479754833-eu2l4ji1.jpg?_wi=2",
|
||||
imageAlt: "User provided image",
|
||||
},
|
||||
id: "t1", name: "Alex R.", date: "Oct 2023", title: "Student", quote: "The best spot for studying. Reliable coffee and fast Wi-Fi.", tag: "Study Haven", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D2SKnbLo9bJ3DBVeTH12t7NJHj/uploaded-1777479754833-yv7ugtao.jpg", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D2SKnbLo9bJ3DBVeTH12t7NJHj/uploaded-1777479754833-eu2l4ji1.jpg", imageAlt: "User provided image"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Maria S.",
|
||||
date: "Nov 2023",
|
||||
title: "Tourist",
|
||||
quote: "The rooftop views are unbeatable. Simply Instagram-worthy!",
|
||||
tag: "Beautiful Atmosphere",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-brunette-woman-drinks-morning-coffee-cafe_613910-12134.jpg",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D2SKnbLo9bJ3DBVeTH12t7NJHj/uploaded-1777479754833-mcjr7d6b.jpg?_wi=2",
|
||||
imageAlt: "User provided image",
|
||||
},
|
||||
id: "t2", name: "Maria S.", date: "Nov 2023", title: "Tourist", quote: "The rooftop views are unbeatable. Simply Instagram-worthy!", tag: "Beautiful Atmosphere", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-brunette-woman-drinks-morning-coffee-cafe_613910-12134.jpg", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D2SKnbLo9bJ3DBVeTH12t7NJHj/uploaded-1777479754833-mcjr7d6b.jpg", imageAlt: "User provided image"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "David W.",
|
||||
date: "Jan 2024",
|
||||
title: "Professional",
|
||||
quote: "Quick lunch options for busy work days. Highly recommend.",
|
||||
tag: "Efficient Dining",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/girl-attracted-guy-talking-smiling-looking-him-amused-admiration-laughing-funny-stories-cute-european-woman-wear-glasses-enjoy-coffee-friendly-conversation-sit-table-friend-near-laptop_197531-30327.jpg",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D2SKnbLo9bJ3DBVeTH12t7NJHj/uploaded-1777479754833-1rodh36z.jpg?_wi=2",
|
||||
imageAlt: "User provided image",
|
||||
},
|
||||
id: "t3", name: "David W.", date: "Jan 2024", title: "Professional", quote: "Quick lunch options for busy work days. Highly recommend.", tag: "Efficient Dining", avatarSrc: "http://img.b2bpic.net/free-photo/girl-attracted-guy-talking-smiling-looking-him-amused-admiration-laughing-funny-stories-cute-european-woman-wear-glasses-enjoy-coffee-friendly-conversation-sit-table-friend-near-laptop_197531-30327.jpg", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D2SKnbLo9bJ3DBVeTH12t7NJHj/uploaded-1777479754833-1rodh36z.jpg", imageAlt: "User provided image"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Sarah J.",
|
||||
date: "Dec 2023",
|
||||
title: "Local",
|
||||
quote: "Love the variety of desserts. Every visit is a delight.",
|
||||
tag: "Foodie Paradise",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/close-up-happy-people-with-drinks_23-2149128357.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/seriously-young-stylish-business-woman-jacket-using-smartphone-working-laptop-listening-music-having-coffee-break_291650-1360.jpg?_wi=2",
|
||||
imageAlt: "User provided image",
|
||||
},
|
||||
id: "t4", name: "Sarah J.", date: "Dec 2023", title: "Local", quote: "Love the variety of desserts. Every visit is a delight.", tag: "Foodie Paradise", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-happy-people-with-drinks_23-2149128357.jpg", imageSrc: "http://img.b2bpic.net/free-photo/seriously-young-stylish-business-woman-jacket-using-smartphone-working-laptop-listening-music-having-coffee-break_291650-1360.jpg", imageAlt: "User provided image"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Liam B.",
|
||||
date: "Feb 2024",
|
||||
title: "Music Fan",
|
||||
quote: "Great energy and vibe. My favorite weekend haunt.",
|
||||
tag: "Trendy Vibes",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/appointment-restaurant_1098-15080.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-close-up-view-cupcake-appetizing-cupcake-white-plate-black-wall_140725-117155.jpg?_wi=2",
|
||||
imageAlt: "User provided image",
|
||||
},
|
||||
id: "t5", name: "Liam B.", date: "Feb 2024", title: "Music Fan", quote: "Great energy and vibe. My favorite weekend haunt.", tag: "Trendy Vibes", avatarSrc: "http://img.b2bpic.net/free-photo/appointment-restaurant_1098-15080.jpg", imageSrc: "http://img.b2bpic.net/free-photo/side-close-up-view-cupcake-appetizing-cupcake-white-plate-black-wall_140725-117155.jpg", imageAlt: "User provided image"},
|
||||
]}
|
||||
title="What Our Community Says"
|
||||
description="Join thousands of satisfied patrons who make Coffee&Kitchen their second home."
|
||||
@@ -295,21 +165,9 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you accept walk-ins?",
|
||||
content: "Yes! We welcome walk-ins at any time.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Are reservations required?",
|
||||
content: "Reservations are recommended for groups of 4 or more.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Is the rooftop open year-round?",
|
||||
content: "Weather permitting, our rooftop is open all year.",
|
||||
},
|
||||
{ id: "f1", title: "Do you accept walk-ins?", content: "Yes! We welcome walk-ins at any time." },
|
||||
{ id: "f2", title: "Are reservations required?", content: "Reservations are recommended for groups of 4 or more." },
|
||||
{ id: "f3", title: "Is the rooftop open year-round?", content: "Weather permitting, our rooftop is open all year." },
|
||||
]}
|
||||
sideTitle="Questions? We've Got Answers"
|
||||
faqsAnimation="blur-reveal"
|
||||
@@ -320,12 +178,10 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Visit Us Today"
|
||||
description="Reserve a table or sign up for exclusive coffee deals."
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D2SKnbLo9bJ3DBVeTH12t7NJHj/uploaded-1777479754833-1rodh36z.jpg?_wi=3"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D2SKnbLo9bJ3DBVeTH12t7NJHj/uploaded-1777479754833-1rodh36z.jpg"
|
||||
mediaPosition="right"
|
||||
tag="Let's Connect"
|
||||
mediaAnimation="blur-reveal"
|
||||
@@ -336,45 +192,9 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Cafe",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Delivery",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Reservations",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Cafe", items: [{ label: "About Us", href: "#about" }, { label: "Careers", href: "#" }] },
|
||||
{ title: "Services", items: [{ label: "Delivery", href: "#" }, { label: "Reservations", href: "#contact" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] },
|
||||
]}
|
||||
bottomLeftText="© 2024 Coffee&Kitchen Cafe"
|
||||
bottomRightText="Built with love"
|
||||
|
||||
Reference in New Issue
Block a user