Update src/app/page.tsx

This commit is contained in:
2026-05-09 20:44:10 +00:00
parent 2573a23a54
commit 9e6548a746

View File

@@ -29,370 +29,154 @@ export default function LandingPage() {
headingFontWeight="extrabold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{
name: "Home",
id: "home",
},
{
name: "About",
id: "about",
},
{
name: "Menu",
id: "products",
},
{
name: "Testimonials",
id: "testimonials",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="Ground Coffee"
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{ name: "Home", id: "home" },
{ name: "About", id: "about" },
{ name: "Menu", id: "products" },
{ name: "Testimonials", id: "testimonials" },
{ name: "Contact", id: "contact" },
]}
brandName="Ground Coffee"
/>
</div>
<div id="home" data-section="home">
<HeroSplit
background={{
variant: "radial-gradient",
}}
title="Ground Coffee Company Cihangir"
description="The stylish neighborhood café where mornings feel better. Authentic Turkish coffee meets artisan brunch and signature desserts in the heart of Cihangir."
buttons={[
{
text: "Visit Us",
href: "#contact",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/people-table-enjoying-feast-first-day-passover-seder_23-2150247763.jpg?_wi=1"
mediaAnimation="slide-up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/contemplating-cafe_1098-14559.jpg",
alt: "Contemplating in cafe",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-women-work-portable-laptop-computer-charming-female-student-using-net-book-while-sitting-cafe_1153-7026.jpg",
alt: "Portrait of a young beautiful women work on portable laptop computer",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-lady-sitting-restaurant-looking-camera_114579-92360.jpg",
alt: "Portrait of young beautiful lady sitting at the restaurant",
},
{
src: "http://img.b2bpic.net/free-photo/medium-shot-guys-drinking-coffee-indoors_23-2148450779.jpg",
alt: "Medium shot guys drinking coffee indoors",
},
{
src: "http://img.b2bpic.net/free-photo/close-up-outside-portrait-business-woman-dressed-jacket-blouse-having-coffee-break-work-high-quality-photo_291650-840.jpg",
alt: "Close up outside portrait of business woman",
},
]}
avatarText="Join our growing community"
marqueeItems={[
{
type: "text",
text: "Artisan Coffee",
},
{
type: "text",
text: "Fresh Brunch",
},
{
type: "text",
text: "Cat Friendly",
},
{
type: "text",
text: "Cihangir Soul",
},
{
type: "text",
text: "Open Daily",
},
]}
/>
</div>
<div id="home" data-section="home">
<HeroSplit
background={{ variant: "radial-gradient" }}
title="Ground Coffee Company Cihangir"
description="The stylish neighborhood café where mornings feel better. Authentic Turkish coffee meets artisan brunch and signature desserts in the heart of Cihangir."
buttons={[{ text: "Visit Us", href: "#contact" }]}
imageSrc="http://img.b2bpic.net/free-photo/people-table-enjoying-feast-first-day-passover-seder_23-2150247763.jpg"
mediaAnimation="slide-up"
avatars={[
{ src: "http://img.b2bpic.net/free-photo/contemplating-cafe_1098-14559.jpg", alt: "Contemplating in cafe" },
{ src: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-women-work-portable-laptop-computer-charming-female-student-using-net-book-while-sitting-cafe_1153-7026.jpg", alt: "Portrait of a young beautiful women work on portable laptop computer" },
{ src: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-lady-sitting-restaurant-looking-camera_114579-92360.jpg", alt: "Portrait of young beautiful lady sitting at the restaurant" },
{ src: "http://img.b2bpic.net/free-photo/medium-shot-guys-drinking-coffee-indoors_23-2148450779.jpg", alt: "Medium shot guys drinking coffee indoors" },
{ src: "http://img.b2bpic.net/free-photo/close-up-outside-portrait-business-woman-dressed-jacket-blouse-having-coffee-break-work-high-quality-photo_291650-840.jpg", alt: "Close up outside portrait of business woman" },
]}
avatarText="Join our growing community"
marqueeItems={[
{ type: "text", text: "Artisan Coffee" },
{ type: "text", text: "Fresh Brunch" },
{ type: "text", text: "Cat Friendly" },
{ type: "text", text: "Cihangir Soul" },
{ type: "text", text: "Open Daily" },
]}
/>
</div>
<div id="about" data-section="about">
<TextAbout
useInvertedBackground={true}
title="A Neighborhood Soul in Every Cup"
buttons={[
{
text: "Explore Atmosphere",
href: "#products",
},
]}
/>
</div>
<div id="about" data-section="about">
<TextAbout
useInvertedBackground={true}
title="A Neighborhood Soul in Every Cup"
buttons={[{ text: "Explore Atmosphere", href: "#products" }]}
/>
</div>
<div id="products" data-section="products">
<ProductCardThree
animationType="slide-up"
textboxLayout="default"
gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={false}
products={[
{
id: "1",
name: "Fresh Artisan Croissant",
price: "Handmade Daily",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-cake-with-sugar-powder-raspberries-grey-background-pie-cake-fruit-berry-sweet-cookies_140725-115606.jpg?_wi=1",
},
{
id: "2",
name: "Authentic Turkish Coffee",
price: "Signature Brew",
imageSrc: "http://img.b2bpic.net/free-photo/cup-cappuccino-with-cinnamon_114579-19229.jpg?_wi=1",
},
{
id: "3",
name: "San Sebastian Cheesecake",
price: "The Neighborhood Classic",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-creamy-cake-with-chocolate-raisins-light-dark-floor_140725-136347.jpg?_wi=1",
},
{
id: "4",
name: "Blueberry Pavlova",
price: "Fresh & Delicate",
imageSrc: "http://img.b2bpic.net/free-photo/lemon-pie-drink-wooden-platter_114579-18546.jpg",
},
{
id: "5",
name: "Gourmet Brunch Omelette",
price: "Perfect Start",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-tasty-meal-with-eggs_23-2148596744.jpg",
},
{
id: "6",
name: "Signature Pavlova",
price: "Daily Freshness",
imageSrc: "http://img.b2bpic.net/free-photo/cake-glass-arrangement-with-copy-space_23-2149030740.jpg",
},
]}
title="Signature Flavors"
description="Indulge in our curated selection of artisanal pastries and classic Turkish delicacies, all prepared fresh in-house daily."
/>
</div>
<div id="products" data-section="products">
<ProductCardThree
animationType="slide-up"
textboxLayout="default"
gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={false}
products={[
{ id: "1", name: "Fresh Artisan Croissant", price: "Handmade Daily", imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-cake-with-sugar-powder-raspberries-grey-background-pie-cake-fruit-berry-sweet-cookies_140725-115606.jpg" },
{ id: "2", name: "Authentic Turkish Coffee", price: "Signature Brew", imageSrc: "http://img.b2bpic.net/free-photo/cup-cappuccino-with-cinnamon_114579-19229.jpg" },
{ id: "3", name: "San Sebastian Cheesecake", price: "The Neighborhood Classic", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-creamy-cake-with-chocolate-raisins-light-dark-floor_140725-136347.jpg" },
{ id: "4", name: "Blueberry Pavlova", price: "Fresh & Delicate", imageSrc: "http://img.b2bpic.net/free-photo/lemon-pie-drink-wooden-platter_114579-18546.jpg" },
{ id: "5", name: "Gourmet Brunch Omelette", price: "Perfect Start", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-tasty-meal-with-eggs_23-2148596744.jpg" },
{ id: "6", name: "Signature Pavlova", price: "Daily Freshness", imageSrc: "http://img.b2bpic.net/free-photo/cake-glass-arrangement-with-copy-space_23-2149030740.jpg" },
]}
title="Signature Flavors"
description="Indulge in our curated selection of artisanal pastries and classic Turkish delicacies, all prepared fresh in-house daily."
/>
</div>
<div id="features" data-section="features">
<FeatureBento
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={true}
features={[
{
title: "Cozy Atmosphere",
description: "Cat-friendly spaces and cozy seating.",
bentoComponent: "reveal-icon",
icon: Coffee,
imageSrc: "http://img.b2bpic.net/free-photo/breakfast-tray-with-cat_23-2148079720.jpg?_wi=1",
imageAlt: "cozy neighborhood cafe aesthetic",
},
{
title: "Artisan Ingredients",
description: "Locally sourced and carefully prepared.",
bentoComponent: "reveal-icon",
icon: Utensils,
imageSrc: "http://img.b2bpic.net/free-photo/people-table-enjoying-feast-first-day-passover-seder_23-2150247763.jpg?_wi=2",
imageAlt: "cozy neighborhood cafe aesthetic",
},
{
title: "Memorable Staff",
description: "Friendly faces that remember your order.",
bentoComponent: "reveal-icon",
icon: Heart,
imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-cake-with-sugar-powder-raspberries-grey-background-pie-cake-fruit-berry-sweet-cookies_140725-115606.jpg?_wi=2",
imageAlt: "cozy neighborhood cafe aesthetic",
},
]}
title="The Cihangir Experience"
description="Designed for morning tranquility and vibrant neighborhood connection."
/>
</div>
<div id="features" data-section="features">
<FeatureBento
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={true}
features={[
{ title: "Cozy Atmosphere", description: "Cat-friendly spaces and cozy seating.", bentoComponent: "reveal-icon", icon: Coffee },
{ title: "Artisan Ingredients", description: "Locally sourced and carefully prepared.", bentoComponent: "reveal-icon", icon: Utensils },
{ title: "Memorable Staff", description: "Friendly faces that remember your order.", bentoComponent: "reveal-icon", icon: Heart },
]}
title="The Cihangir Experience"
description="Designed for morning tranquility and vibrant neighborhood connection."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardFive
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Elif",
date: "Oct 2023",
title: "The best San Sebastian!",
quote: "I come here every morning for the coffee and the beautiful vibe.",
tag: "Regular",
avatarSrc: "http://img.b2bpic.net/free-photo/this-is-my-new-profile-social-network_329181-2899.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/people-table-enjoying-feast-first-day-passover-seder_23-2150247763.jpg?_wi=3",
imageAlt: "happy cafe customer drinking coffee",
},
{
id: "2",
name: "Can",
date: "Sept 2023",
title: "Cozy spot",
quote: "My favorite place to work and enjoy a croissant.",
tag: "Customer",
avatarSrc: "http://img.b2bpic.net/free-photo/couple-having-public-intimacy-moments_23-2149428326.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/breakfast-tray-with-cat_23-2148079720.jpg?_wi=2",
imageAlt: "happy cafe customer drinking coffee",
},
{
id: "3",
name: "Ayse",
date: "Aug 2023",
title: "Lovely staff",
quote: "The staff are so friendly and the atmosphere is perfect.",
tag: "Visitor",
avatarSrc: "http://img.b2bpic.net/free-photo/bird-city-sparrow-sitting-table-outdoor-cafe_1153-4663.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-cake-with-sugar-powder-raspberries-grey-background-pie-cake-fruit-berry-sweet-cookies_140725-115606.jpg?_wi=3",
imageAlt: "happy cafe customer drinking coffee",
},
{
id: "4",
name: "Mert",
date: "July 2023",
title: "Amazing brunch",
quote: "Best brunch in Cihangir, hands down.",
tag: "Regular",
avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-friends-having-cocktails_23-2150244939.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/cup-cappuccino-with-cinnamon_114579-19229.jpg?_wi=2",
imageAlt: "happy cafe customer drinking coffee",
},
{
id: "5",
name: "Zeynep",
date: "June 2023",
title: "Cat friendly heaven",
quote: "So happy I can bring my cat along. Love it here.",
tag: "Regular",
avatarSrc: "http://img.b2bpic.net/free-photo/low-angle-friends-enjoying-time-together_23-2148395330.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-creamy-cake-with-chocolate-raisins-light-dark-floor_140725-136347.jpg?_wi=2",
imageAlt: "happy cafe customer drinking coffee",
},
]}
title="Loved by the Neighborhood"
description="Join our community of coffee lovers."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardFive
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{ id: "1", name: "Elif", date: "Oct 2023", title: "The best San Sebastian!", quote: "I come here every morning for the coffee and the beautiful vibe.", tag: "Regular", avatarSrc: "http://img.b2bpic.net/free-photo/this-is-my-new-profile-social-network_329181-2899.jpg" },
{ id: "2", name: "Can", date: "Sept 2023", title: "Cozy spot", quote: "My favorite place to work and enjoy a croissant.", tag: "Customer", avatarSrc: "http://img.b2bpic.net/free-photo/couple-having-public-intimacy-moments_23-2149428326.jpg" },
{ id: "3", name: "Ayse", date: "Aug 2023", title: "Lovely staff", quote: "The staff are so friendly and the atmosphere is perfect.", tag: "Visitor", avatarSrc: "http://img.b2bpic.net/free-photo/bird-city-sparrow-sitting-table-outdoor-cafe_1153-4663.jpg" },
{ id: "4", name: "Mert", date: "July 2023", title: "Amazing brunch", quote: "Best brunch in Cihangir, hands down.", tag: "Regular", avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-friends-having-cocktails_23-2150244939.jpg" },
{ id: "5", name: "Zeynep", date: "June 2023", title: "Cat friendly heaven", quote: "So happy I can bring my cat along. Love it here.", tag: "Regular", avatarSrc: "http://img.b2bpic.net/free-photo/low-angle-friends-enjoying-time-together_23-2148395330.jpg" },
]}
title="Loved by the Neighborhood"
description="Join our community of coffee lovers."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardThree
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={true}
metrics={[
{
id: "m1",
icon: Coffee,
title: "Daily Cups",
value: "500+",
},
{
id: "m2",
icon: Heart,
title: "Happy Guests",
value: "10k+",
},
{
id: "m3",
icon: Award,
title: "Years Active",
value: "5+",
},
]}
title="A Local Staple"
description="Driven by passion for great coffee."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardThree
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={true}
metrics={[
{ id: "m1", icon: Coffee, title: "Daily Cups", value: "500+" },
{ id: "m2", icon: Heart, title: "Happy Guests", value: "10k+" },
{ id: "m3", icon: Award, title: "Years Active", value: "5+" },
]}
title="A Local Staple"
description="Driven by passion for great coffee."
/>
</div>
<div id="faq" data-section="faq">
<FaqDouble
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "Are you cat-friendly?",
content: "Yes! We love welcoming your furry friends.",
},
{
id: "f2",
title: "Do you offer brunch?",
content: "We serve fresh brunch every day until 3pm.",
},
{
id: "f3",
title: "Where are you located?",
content: "We are located right in the heart of Cihangir.",
},
]}
title="Common Questions"
description="Learn more about us."
faqsAnimation="slide-up"
/>
</div>
<div id="faq" data-section="faq">
<FaqDouble
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{ id: "f1", title: "Are you cat-friendly?", content: "Yes! We love welcoming your furry friends." },
{ id: "f2", title: "Do you offer brunch?", content: "We serve fresh brunch every day until 3pm." },
{ id: "f3", title: "Where are you located?", content: "We are located right in the heart of Cihangir." },
]}
title="Common Questions"
description="Learn more about us."
faqsAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={true}
background={{
variant: "plain",
}}
tag="Visit Us"
title="Experience Ground Coffee"
description="Come join us for a cup and some great conversation in Cihangir."
buttons={[
{
text: "Get Directions",
href: "#",
},
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={true}
background={{ variant: "plain" }}
tag="Visit Us"
title="Experience Ground Coffee"
description="Come join us for a cup and some great conversation in Cihangir."
buttons={[{ text: "Get Directions", href: "#" }]}
/>
</div>
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{
title: "Company",
items: [
{
label: "About Us",
href: "#about",
},
{
label: "Menu",
href: "#products",
},
],
},
{
title: "Legal",
items: [
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms of Use",
href: "#",
},
],
},
]}
bottomLeftText="© 2024 Ground Coffee Company Cihangir"
bottomRightText="Built with love for Cihangir"
/>
</div>
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{ title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Menu", href: "#products" }] },
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Use", href: "#" }] },
]}
bottomLeftText="© 2024 Ground Coffee Company Cihangir"
bottomRightText="Built with love for Cihangir"
/>
</div>
</ReactLenis>
</ThemeProvider>
);