Merge version_1 into main #2
394
src/app/page.tsx
394
src/app/page.tsx
@@ -10,8 +10,8 @@ import HeroLogo from '@/components/sections/hero/HeroLogo';
|
||||
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
||||
import TextAbout from '@/components/sections/about/TextAbout';
|
||||
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -28,288 +28,134 @@ export default function LandingPage() {
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Gate House Cafe"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Menu", id: "features" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Gate House Cafe"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogo
|
||||
logoText="Gate House Cafe"
|
||||
description="Your cozy neighborhood escape. Serving premium artisan coffee, fresh bakes, and local bites in a warm, welcoming space."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "#features",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-rendering-cartoon-welcome-door_23-2151645384.jpg?_wi=1"
|
||||
imageAlt="Gate House Cafe Entrance"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogo
|
||||
logoText="Gate House Cafe"
|
||||
description="Your cozy neighborhood escape. Serving premium artisan coffee, fresh bakes, and local bites in a warm, welcoming space."
|
||||
buttons={[{ text: "View Menu", href: "#features" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-rendering-cartoon-welcome-door_23-2151645384.jpg"
|
||||
imageAlt="Gate House Cafe Entrance"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={true}
|
||||
title="A Tradition of Craft & Community"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={true}
|
||||
title="A Tradition of Craft & Community"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Artisan Coffee",
|
||||
tags: [
|
||||
"Roast",
|
||||
"Premium",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/interior-cafe-with-brick-walls_53876-153337.jpg",
|
||||
imageAlt: "interior cafe warm lighting",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Fresh Pastries",
|
||||
tags: [
|
||||
"Bake",
|
||||
"Daily",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-cartoon-welcome-door_23-2151645384.jpg?_wi=2",
|
||||
imageAlt: "interior cafe warm lighting",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Local Bites",
|
||||
tags: [
|
||||
"Farm",
|
||||
"Fresh",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/easter-coffee-decorations-still-life_23-2150244070.jpg?_wi=1",
|
||||
imageAlt: "interior cafe warm lighting",
|
||||
},
|
||||
]}
|
||||
title="Signature Offerings"
|
||||
description="Hand-selected ingredients and traditional roasting methods."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ id: "f1", title: "Artisan Coffee", tags: ["Roast", "Premium"], imageSrc: "http://img.b2bpic.net/free-photo/interior-cafe-with-brick-walls_53876-153337.jpg" },
|
||||
{ id: "f2", title: "Fresh Pastries", tags: ["Bake", "Daily"], imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-cartoon-welcome-door_23-2151645384.jpg" },
|
||||
{ id: "f3", title: "Local Bites", tags: ["Farm", "Fresh"], imageSrc: "http://img.b2bpic.net/free-photo/easter-coffee-decorations-still-life_23-2150244070.jpg" }
|
||||
]}
|
||||
title="Signature Offerings"
|
||||
description="Hand-selected ingredients and traditional roasting methods."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardOne
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Classic Espresso",
|
||||
price: "$3.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/easter-coffee-decorations-still-life_23-2150244070.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Butter Croissant",
|
||||
price: "$4.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spanich-sandwich-shop-window_1398-4866.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Turkey Avocado",
|
||||
price: "$9.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sliced-pastry-stuffed-with-cheese-wood-piece_114579-83403.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Iced Cold Brew",
|
||||
price: "$4.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/iced-red-soda-glass_1339-6231.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Blueberry Muffin",
|
||||
price: "$3.75",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-yummy-choco-cakes-inside-plate-brown-wooden-surface_140725-88429.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Organic Herbal Tea",
|
||||
price: "$3.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-pouring-tea-cup-marble-table-with-desserts_181624-32568.jpg",
|
||||
},
|
||||
]}
|
||||
title="Daily Favorites"
|
||||
description="Discover our signature menu items."
|
||||
/>
|
||||
</div>
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardOne
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{ id: "p1", name: "Classic Espresso", price: "$3.50", imageSrc: "http://img.b2bpic.net/free-photo/easter-coffee-decorations-still-life_23-2150244070.jpg" },
|
||||
{ id: "p2", name: "Butter Croissant", price: "$4.00", imageSrc: "http://img.b2bpic.net/free-photo/spanich-sandwich-shop-window_1398-4866.jpg" },
|
||||
{ id: "p3", name: "Turkey Avocado", price: "$9.50", imageSrc: "http://img.b2bpic.net/free-photo/sliced-pastry-stuffed-with-cheese-wood-piece_114579-83403.jpg" },
|
||||
{ id: "p4", name: "Iced Cold Brew", price: "$4.50", imageSrc: "http://img.b2bpic.net/free-photo/iced-red-soda-glass_1339-6231.jpg" },
|
||||
{ id: "p5", name: "Blueberry Muffin", price: "$3.75", imageSrc: "http://img.b2bpic.net/free-photo/top-view-yummy-choco-cakes-inside-plate-brown-wooden-surface_140725-88429.jpg" },
|
||||
{ id: "p6", name: "Organic Herbal Tea", price: "$3.00", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-pouring-tea-cup-marble-table-with-desserts_181624-32568.jpg" }
|
||||
]}
|
||||
title="Daily Favorites"
|
||||
description="Discover our signature menu items."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardEleven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "12k",
|
||||
title: "Cups Served",
|
||||
description: "Annual average",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cup-cappuccino-with-cookies_140725-6400.jpg",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "8k",
|
||||
title: "Bakes Fresh",
|
||||
description: "Every single day",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cottage-cheese-pancakes-cheesecakes-served-with-honey-top-view-ukrainian-russian-cuisine-blue-background_127032-2605.jpg",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "99%",
|
||||
title: "Customer Joy",
|
||||
description: "Local satisfaction",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-brunette-woman-drinks-morning-coffee-cafe_613910-12094.jpg",
|
||||
},
|
||||
]}
|
||||
title="The Cafe Impact"
|
||||
description="Serving thousands of smiles every year."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardEleven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "m1", value: "12k", title: "Cups Served", description: "Annual average", imageSrc: "http://img.b2bpic.net/free-photo/cup-cappuccino-with-cookies_140725-6400.jpg" },
|
||||
{ id: "m2", value: "8k", title: "Bakes Fresh", description: "Every single day", imageSrc: "http://img.b2bpic.net/free-photo/cottage-cheese-pancakes-cheesecakes-served-with-honey-top-view-ukrainian-russian-cuisine-blue-background_127032-2605.jpg" },
|
||||
{ id: "m3", value: "99%", title: "Customer Joy", description: "Local satisfaction", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-brunette-woman-drinks-morning-coffee-cafe_613910-12094.jpg" }
|
||||
]}
|
||||
title="The Cafe Impact"
|
||||
description="Serving thousands of smiles every year."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Miller",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-communicating-through-sign-language_23-2148590312.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "John Doe",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-with-disposable-coffee-cup_107420-12311.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena Smith",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-dark-long-hair-talking-phone-coffee-shop_273609-2803.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Mark Wilson",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-happy-young-bearded-man-trendy-hat-texting-messages-via-social-networks-browsing-internet-using-free-wifi-his-electronic-device-coffee-break-restaurant_273609-1934.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Lisa Brown",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/electronic-gadgets-people-comfort-relaxation-concept-pretty-girl-with-cute-smile-enjoying-phone-call-speaking-boyfriend-while-drinking-morning-coffee-sitting-white-table-with-mug_343059-2083.jpg",
|
||||
},
|
||||
]}
|
||||
cardTitle="What Our Neighbors Say"
|
||||
cardTag="Reviews"
|
||||
cardAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={true}
|
||||
cardTitle="What Our Neighbors Say"
|
||||
cardTag="Reviews"
|
||||
cardAnimation="slide-up"
|
||||
testimonials={[
|
||||
{ id: "1", name: "Sarah Miller", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-communicating-through-sign-language_23-2148590312.jpg" },
|
||||
{ id: "2", name: "John Doe", imageSrc: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-with-disposable-coffee-cup_107420-12311.jpg" },
|
||||
{ id: "3", name: "Elena Smith", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-dark-long-hair-talking-phone-coffee-shop_273609-2803.jpg" },
|
||||
{ id: "4", name: "Mark Wilson", imageSrc: "http://img.b2bpic.net/free-photo/attractive-happy-young-bearded-man-trendy-hat-texting-messages-via-social-networks-browsing-internet-using-free-wifi-his-electronic-device-coffee-break-restaurant_273609-1934.jpg" },
|
||||
{ id: "5", name: "Lisa Brown", imageSrc: "http://img.b2bpic.net/free-photo/electronic-gadgets-people-comfort-relaxation-concept-pretty-girl-with-cute-smile-enjoying-phone-call-speaking-boyfriend-while-drinking-morning-coffee-sitting-white-table-with-mug_343059-2083.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do you offer vegan options?",
|
||||
content: "Yes, we feature various plant-based milk and food options.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Is there free Wi-Fi?",
|
||||
content: "Absolutely! Enjoy complimentary high-speed internet while you dine.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Can I reserve a table?",
|
||||
content: "We handle reservations for large groups via phone or email.",
|
||||
},
|
||||
]}
|
||||
sideTitle="Questions? We're Happy to Chat."
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "q1", title: "Do you offer vegan options?", content: "Yes, we feature various plant-based milk and food options." },
|
||||
{ id: "q2", title: "Is there free Wi-Fi?", content: "Absolutely! Enjoy complimentary high-speed internet while you dine." },
|
||||
{ id: "q3", title: "Can I reserve a table?", content: "We handle reservations for large groups via phone or email." }
|
||||
]}
|
||||
sideTitle="Questions? We're Happy to Chat."
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Visit Us"
|
||||
title="Experience the Warmth"
|
||||
description="Come visit Gate House Cafe and enjoy our community spirit."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Directions",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Visit Us"
|
||||
title="Experience the Warmth"
|
||||
description="Come visit Gate House Cafe and enjoy our community spirit."
|
||||
buttons={[{ text: "Get Directions", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Gate House Cafe"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2025 Gate House Cafe"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Gate House Cafe"
|
||||
columns={[
|
||||
{ title: "Navigation", items: [{ label: "Home", href: "#hero" }, { label: "About", href: "#about" }] },
|
||||
{ title: "Support", items: [{ label: "Privacy Policy", href: "#" }, { label: "Contact Us", href: "#contact" }] }
|
||||
]}
|
||||
copyrightText="© 2025 Gate House Cafe"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user