bender/0940c65a-b12b-488e-b062-aeb62e32966d
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-09 20:44:10 +00:00
parent 2573a23a54
commit 9e6548a746
1 changed files with 139 additions and 355 deletions
Download Patch File Download Diff File Expand all files Collapse all files

494
src/app/page.tsx
View File

@@ -29,370 +29,154 @@ export default function LandingPage() {
headingFontWeight="extrabold" headingFontWeight="extrabold"
> >
<ReactLenis root> <ReactLenis root>
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarStyleApple <NavbarStyleApple
navItems={[ navItems={[
{ { name: "Home", id: "home" },
name: "Home", { name: "About", id: "about" },
id: "home", { name: "Menu", id: "products" },
}, { name: "Testimonials", id: "testimonials" },
{ { name: "Contact", id: "contact" },
name: "About", ]}
id: "about", brandName="Ground Coffee"
}, />
{ </div>
name: "Menu",
id: "products",
},
{
name: "Testimonials",
id: "testimonials",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="Ground Coffee"
/>
</div>
<div id="home" data-section="home"> <div id="home" data-section="home">
<HeroSplit <HeroSplit
background={{ background={{ variant: "radial-gradient" }}
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."
title="Ground Coffee Company Cihangir" buttons={[{ text: "Visit Us", href: "#contact" }]}
description="The stylish neighborhood café where mornings feel better. Authentic Turkish coffee meets artisan brunch and signature desserts in the heart of Cihangir." imageSrc="http://img.b2bpic.net/free-photo/people-table-enjoying-feast-first-day-passover-seder_23-2150247763.jpg"
buttons={[ mediaAnimation="slide-up"
{ avatars={[
text: "Visit Us", { src: "http://img.b2bpic.net/free-photo/contemplating-cafe_1098-14559.jpg", alt: "Contemplating in cafe" },
href: "#contact", { 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" },
imageSrc="http://img.b2bpic.net/free-photo/people-table-enjoying-feast-first-day-passover-seder_23-2150247763.jpg?_wi=1" { 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" },
mediaAnimation="slide-up" ]}
avatars={[ avatarText="Join our growing community"
{ marqueeItems={[
src: "http://img.b2bpic.net/free-photo/contemplating-cafe_1098-14559.jpg", { type: "text", text: "Artisan Coffee" },
alt: "Contemplating in cafe", { type: "text", text: "Fresh Brunch" },
}, { type: "text", text: "Cat Friendly" },
{ { type: "text", text: "Cihangir Soul" },
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", { type: "text", text: "Open Daily" },
alt: "Portrait of a young beautiful women work on portable laptop computer", ]}
}, />
{ </div>
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"> <div id="about" data-section="about">
<TextAbout <TextAbout
useInvertedBackground={true} useInvertedBackground={true}
title="A Neighborhood Soul in Every Cup" title="A Neighborhood Soul in Every Cup"
buttons={[ buttons={[{ text: "Explore Atmosphere", href: "#products" }]}
{ />
text: "Explore Atmosphere", </div>
href: "#products",
},
]}
/>
</div>
<div id="products" data-section="products"> <div id="products" data-section="products">
<ProductCardThree <ProductCardThree
animationType="slide-up" animationType="slide-up"
textboxLayout="default" textboxLayout="default"
gridVariant="four-items-2x2-equal-grid" gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={false} useInvertedBackground={false}
products={[ 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: "1", { id: "2", name: "Authentic Turkish Coffee", price: "Signature Brew", imageSrc: "http://img.b2bpic.net/free-photo/cup-cappuccino-with-cinnamon_114579-19229.jpg" },
name: "Fresh Artisan Croissant", { 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" },
price: "Handmade Daily", { id: "4", name: "Blueberry Pavlova", price: "Fresh & Delicate", imageSrc: "http://img.b2bpic.net/free-photo/lemon-pie-drink-wooden-platter_114579-18546.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=1", { 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" },
{ ]}
id: "2", title="Signature Flavors"
name: "Authentic Turkish Coffee", description="Indulge in our curated selection of artisanal pastries and classic Turkish delicacies, all prepared fresh in-house daily."
price: "Signature Brew", />
imageSrc: "http://img.b2bpic.net/free-photo/cup-cappuccino-with-cinnamon_114579-19229.jpg?_wi=1", </div>
},
{
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="features" data-section="features"> <div id="features" data-section="features">
<FeatureBento <FeatureBento
animationType="slide-up" animationType="slide-up"
textboxLayout="split" textboxLayout="split"
useInvertedBackground={true} useInvertedBackground={true}
features={[ features={[
{ { title: "Cozy Atmosphere", description: "Cat-friendly spaces and cozy seating.", bentoComponent: "reveal-icon", icon: Coffee },
title: "Cozy Atmosphere", { title: "Artisan Ingredients", description: "Locally sourced and carefully prepared.", bentoComponent: "reveal-icon", icon: Utensils },
description: "Cat-friendly spaces and cozy seating.", { title: "Memorable Staff", description: "Friendly faces that remember your order.", bentoComponent: "reveal-icon", icon: Heart },
bentoComponent: "reveal-icon", ]}
icon: Coffee, title="The Cihangir Experience"
imageSrc: "http://img.b2bpic.net/free-photo/breakfast-tray-with-cat_23-2148079720.jpg?_wi=1", description="Designed for morning tranquility and vibrant neighborhood connection."
imageAlt: "cozy neighborhood cafe aesthetic", />
}, </div>
{
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="testimonials" data-section="testimonials"> <div id="testimonials" data-section="testimonials">
<TestimonialCardFive <TestimonialCardFive
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
testimonials={[ 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: "1", { 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" },
name: "Elif", { 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" },
date: "Oct 2023", { 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" },
title: "The best San Sebastian!", { 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" },
quote: "I come here every morning for the coffee and the beautiful vibe.", ]}
tag: "Regular", title="Loved by the Neighborhood"
avatarSrc: "http://img.b2bpic.net/free-photo/this-is-my-new-profile-social-network_329181-2899.jpg", description="Join our community of coffee lovers."
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", </div>
},
{
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="metrics" data-section="metrics"> <div id="metrics" data-section="metrics">
<MetricCardThree <MetricCardThree
animationType="slide-up" animationType="slide-up"
textboxLayout="split" textboxLayout="split"
useInvertedBackground={true} useInvertedBackground={true}
metrics={[ metrics={[
{ { id: "m1", icon: Coffee, title: "Daily Cups", value: "500+" },
id: "m1", { id: "m2", icon: Heart, title: "Happy Guests", value: "10k+" },
icon: Coffee, { id: "m3", icon: Award, title: "Years Active", value: "5+" },
title: "Daily Cups", ]}
value: "500+", title="A Local Staple"
}, description="Driven by passion for great coffee."
{ />
id: "m2", </div>
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"> <div id="faq" data-section="faq">
<FaqDouble <FaqDouble
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
faqs={[ faqs={[
{ { id: "f1", title: "Are you cat-friendly?", content: "Yes! We love welcoming your furry friends." },
id: "f1", { id: "f2", title: "Do you offer brunch?", content: "We serve fresh brunch every day until 3pm." },
title: "Are you cat-friendly?", { id: "f3", title: "Where are you located?", content: "We are located right in the heart of Cihangir." },
content: "Yes! We love welcoming your furry friends.", ]}
}, title="Common Questions"
{ description="Learn more about us."
id: "f2", faqsAnimation="slide-up"
title: "Do you offer brunch?", />
content: "We serve fresh brunch every day until 3pm.", </div>
},
{
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"> <div id="contact" data-section="contact">
<ContactCTA <ContactCTA
useInvertedBackground={true} useInvertedBackground={true}
background={{ background={{ variant: "plain" }}
variant: "plain", tag="Visit Us"
}} title="Experience Ground Coffee"
tag="Visit Us" description="Come join us for a cup and some great conversation in Cihangir."
title="Experience Ground Coffee" buttons={[{ text: "Get Directions", href: "#" }]}
description="Come join us for a cup and some great conversation in Cihangir." />
buttons={[ </div>
{
text: "Get Directions",
href: "#",
},
]}
/>
</div>
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterSimple <FooterSimple
columns={[ columns={[
{ { title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Menu", href: "#products" }] },
title: "Company", { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Use", href: "#" }] },
items: [ ]}
{ bottomLeftText="© 2024 Ground Coffee Company Cihangir"
label: "About Us", bottomRightText="Built with love for Cihangir"
href: "#about", />
}, </div>
{
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> </ReactLenis>
</ThemeProvider> </ThemeProvider>
); );