bender/1b8a90de-7bf5-42ee-803f-9e900fc47cff
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-24 09:39:40 +00:00
parent c1c32c9a23
commit 2b532ca0e4
1 changed files with 45 additions and 232 deletions
Download Patch File Download Diff File Expand all files Collapse all files

277
src/app/page.tsx
View File

@@ -32,26 +32,11 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{
name: "Home",
id: "#hero",
},
{
name: "About",
id: "#about",
},
{
name: "Workshops",
id: "#features",
},
{
name: "Menu",
id: "#products",
},
{
name: "Contact",
id: "#contact",
},
{ name: "Home", id: "#hero" },
{ name: "About", id: "#about" },
{ name: "Workshops", id: "#features" },
{ name: "Menu", id: "#products" },
{ name: "Contact", id: "#contact" },
]}
brandName="Moda Boutique"
/>
@@ -59,73 +44,27 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplit
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
title="Welcome to Moda Boutique Coffee"
description="Artisan coffee, creative workshops, and soul-warming moments in the heart of Antalya. Join us for a cup and a craft."
buttons={[
{
text: "Visit Us",
href: "#contact",
},
{
text: "See Menu",
href: "#products",
},
]}
buttons={[{ text: "Visit Us", href: "#contact" }, { text: "See Menu", href: "#products" }]}
imageSrc="http://img.b2bpic.net/free-photo/tasty-coffee-cup-bottle-arrangement_23-2149600690.jpg"
imageAlt="Moda Boutique Coffee Shop Interior"
mediaAnimation="slide-up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/close-up-cup-coffee-latte-with-kettle_23-2148337135.jpg",
alt: "Customer 1",
},
{
src: "http://img.b2bpic.net/free-photo/view-coffee-cup-with-pastel-colored-background_23-2151753026.jpg",
alt: "Customer 2",
},
{
src: "http://img.b2bpic.net/free-photo/coffee-maker-machine-table_23-2148937231.jpg",
alt: "Customer 3",
},
{
src: "http://img.b2bpic.net/free-photo/cup-coffee-envelope-top-view_23-2148296159.jpg",
alt: "Customer 4",
},
{
src: "http://img.b2bpic.net/free-photo/man-working-laptop-having-hot-drink_53876-14577.jpg",
alt: "Customer 5",
},
{ src: "http://img.b2bpic.net/free-photo/close-up-cup-coffee-latte-with-kettle_23-2148337135.jpg", alt: "Customer 1" },
{ src: "http://img.b2bpic.net/free-photo/view-coffee-cup-with-pastel-colored-background_23-2151753026.jpg", alt: "Customer 2" },
{ src: "http://img.b2bpic.net/free-photo/coffee-maker-machine-table_23-2148937231.jpg", alt: "Customer 3" },
{ src: "http://img.b2bpic.net/free-photo/cup-coffee-envelope-top-view_23-2148296159.jpg", alt: "Customer 4" },
{ src: "http://img.b2bpic.net/free-photo/man-working-laptop-having-hot-drink_53876-14577.jpg", alt: "Customer 5" },
]}
avatarText="Join 500+ happy artists and coffee lovers"
marqueeItems={[
{
type: "text-icon",
text: "Artisan Roasts",
icon: Coffee,
},
{
type: "text-icon",
text: "Creative Workshops",
icon: Palette,
},
{
type: "text-icon",
text: "Locally Sourced",
icon: Leaf,
},
{
type: "text-icon",
text: "Antalya Center",
icon: MapPin,
},
{
type: "text-icon",
text: "Friendly Vibe",
icon: Heart,
},
{ type: "text-icon", text: "Artisan Roasts", icon: Coffee },
{ type: "text-icon", text: "Creative Workshops", icon: Palette },
{ type: "text-icon", text: "Locally Sourced", icon: Leaf },
{ type: "text-icon", text: "Antalya Center", icon: MapPin },
{ type: "text-icon", text: "Friendly Vibe", icon: Heart },
]}
/>
</div>
@@ -135,10 +74,7 @@ export default function LandingPage() {
useInvertedBackground={false}
title="A Creative Haven in Antalya"
description={[
"We are more than just a coffee shop. Moda Boutique is a curated space where aromatic coffee meets creative expression.",
"From bag painting to object decoration, we provide the tools and atmosphere for your inner artist to flourish.",
"Join our community and experience the warmth of true hospitality.",
]}
"We are more than just a coffee shop. Moda Boutique is a curated space where aromatic coffee meets creative expression.", "From bag painting to object decoration, we provide the tools and atmosphere for your inner artist to flourish.", "Join our community and experience the warmth of true hospitality."]}
/>
</div>
@@ -149,21 +85,9 @@ export default function LandingPage() {
gridVariant="three-columns-all-equal-width"
useInvertedBackground={true}
features={[
{
title: "Bag Painting",
description: "Express your style with custom bag painting sessions.",
imageSrc: "http://img.b2bpic.net/free-photo/young-girl-making-diy-crafts-upcycle-project_23-2149391035.jpg",
},
{
title: "Object Decorating",
description: "Personalize beautiful objects in a relaxed setting.",
imageSrc: "http://img.b2bpic.net/free-photo/tools-wood-carpentry-concept_23-2148643215.jpg",
},
{
title: "Pottery Workshops",
description: "Hands-on pottery making guided by local artisans.",
imageSrc: "http://img.b2bpic.net/free-photo/mother-with-daughter-makes-vase-potterystudio_1157-36640.jpg",
},
{ title: "Bag Painting", description: "Express your style with custom bag painting sessions.", imageSrc: "http://img.b2bpic.net/free-photo/young-girl-making-diy-crafts-upcycle-project_23-2149391035.jpg" },
{ title: "Object Decorating", description: "Personalize beautiful objects in a relaxed setting.", imageSrc: "http://img.b2bpic.net/free-photo/tools-wood-carpentry-concept_23-2148643215.jpg" },
{ title: "Pottery Workshops", description: "Hands-on pottery making guided by local artisans.", imageSrc: "http://img.b2bpic.net/free-photo/mother-with-daughter-makes-vase-potterystudio_1157-36640.jpg" },
]}
title="Craft & Create"
description="Engage in hands-on workshops while enjoying our signature artisan roasts."
@@ -177,42 +101,12 @@ export default function LandingPage() {
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
products={[
{
id: "p1",
name: "Signature Coffee",
price: "Special",
imageSrc: "http://img.b2bpic.net/free-photo/coffee-grinder-beans-aroma-coffee-wooden-board_114579-57923.jpg",
},
{
id: "p2",
name: "Traditional Gözleme",
price: "Freshly Made",
imageSrc: "http://img.b2bpic.net/free-photo/view-delicious-portuguese-empadao-dish_23-2149862965.jpg",
},
{
id: "p3",
name: "Warm Pişi Pastry",
price: "Handmade",
imageSrc: "http://img.b2bpic.net/free-photo/food-cheese-slice-sliced-glass_1203-4412.jpg",
},
{
id: "p4",
name: "Turkish Coffee Set",
price: "Authentic",
imageSrc: "http://img.b2bpic.net/free-photo/cup-coffee-with-lokum_114579-20005.jpg",
},
{
id: "p5",
name: "Sunny Egg Skillet",
price: "Hearty",
imageSrc: "http://img.b2bpic.net/free-photo/delicious-egg-meal-pan_23-2148814507.jpg",
},
{
id: "p6",
name: "Vegetable Breakfast",
price: "Healthy",
imageSrc: "http://img.b2bpic.net/free-photo/delicious-french-breakfast-top-view_23-2150408539.jpg",
},
{ id: "p1", name: "Signature Coffee", price: "Special", imageSrc: "http://img.b2bpic.net/free-photo/coffee-grinder-beans-aroma-coffee-wooden-board_114579-57923.jpg" },
{ id: "p2", name: "Traditional Gözleme", price: "Freshly Made", imageSrc: "http://img.b2bpic.net/free-photo/view-delicious-portuguese-empadao-dish_23-2149862965.jpg" },
{ id: "p3", name: "Warm Pişi Pastry", price: "Handmade", imageSrc: "http://img.b2bpic.net/free-photo/food-cheese-slice-sliced-glass_1203-4412.jpg" },
{ id: "p4", name: "Turkish Coffee Set", price: "Authentic", imageSrc: "http://img.b2bpic.net/free-photo/cup-coffee-with-lokum_114579-20005.jpg" },
{ id: "p5", name: "Sunny Egg Skillet", price: "Hearty", imageSrc: "http://img.b2bpic.net/free-photo/delicious-egg-meal-pan_23-2148814507.jpg" },
{ id: "p6", name: "Vegetable Breakfast", price: "Healthy", imageSrc: "http://img.b2bpic.net/free-photo/delicious-french-breakfast-top-view_23-2150408539.jpg" },
]}
title="Our Menu"
description="Fresh, locally sourced, and prepared with love."
@@ -221,31 +115,14 @@ export default function LandingPage() {
<div id="metrics" data-section="metrics">
<MetricCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={true}
metrics={[
{
id: "m1",
value: "92",
title: "Reviews",
description: "Shared by lovely customers.",
icon: Star,
},
{
id: "m2",
value: "4.7",
title: "Rating",
description: "Consistently highly rated.",
icon: Award,
},
{
id: "m3",
value: "Daily",
title: "Workshops",
description: "Creative sessions hosted.",
icon: Palette,
},
{ id: "m1", value: "92", title: "Reviews", description: "Shared by lovely customers.", icon: Star },
{ id: "m2", value: "4.7", title: "Rating", description: "Consistently highly rated.", icon: Award },
{ id: "m3", value: "Daily", title: "Workshops", description: "Creative sessions hosted.", icon: Palette },
]}
title="Community Moments"
description="Highlights of our journey in the heart of Antalya."
@@ -258,41 +135,11 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Şevval",
handle: "@sevval",
testimonial: "Konsept ve içerik olarak kesinlikle antalya’ya gerekli bir mekandı. Efsane vakit geçirdik.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-redhead-female-barista-small-coffee-shop_613910-10436.jpg",
},
{
id: "2",
name: "Büş",
handle: "@bus",
testimonial: "Mekan konsept olarak fiyat olarak gerçekten uygun. Çanta boyama yaptık, çok keyifliydi.",
imageSrc: "http://img.b2bpic.net/free-photo/friends-hanging-out-while-enjoying-cup-coffee_23-2148914548.jpg",
},
{
id: "3",
name: "Ali Koçak",
handle: "@ali",
testimonial: "Arkadaşlarla düzenli gittiğimiz bir mekan. Kahveler çok lezzetli ve monopoly oynamaya doyamıyoruz.",
imageSrc: "http://img.b2bpic.net/free-photo/skilled-artist-stands-before-easel-painting-watercolor-rustic-scene_482257-124812.jpg",
},
{
id: "4",
name: "Guest 4",
handle: "@guest4",
testimonial: "Very friendly atmosphere, loved the handmade decor and warm coffee.",
imageSrc: "http://img.b2bpic.net/free-photo/flirty-couple-attending-art-workshop-having-fun-together-while-dating_662251-328.jpg",
},
{
id: "5",
name: "Guest 5",
handle: "@guest5",
testimonial: "Authentic Turkish breakfast was delicious, highly recommended spot.",
imageSrc: "http://img.b2bpic.net/free-photo/smiley-women-having-coffee-meeting_23-2148817110.jpg",
},
{ id: "1", name: "Şevval", handle: "@sevval", testimonial: "Konsept ve içerik olarak kesinlikle antalya’ya gerekli bir mekandı. Efsane vakit geçirdik.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-redhead-female-barista-small-coffee-shop_613910-10436.jpg" },
{ id: "2", name: "Büş", handle: "@bus", testimonial: "Mekan konsept olarak fiyat olarak gerçekten uygun. Çanta boyama yaptık, çok keyifliydi.", imageSrc: "http://img.b2bpic.net/free-photo/friends-hanging-out-while-enjoying-cup-coffee_23-2148914548.jpg" },
{ id: "3", name: "Ali Koçak", handle: "@ali", testimonial: "Arkadaşlarla düzenli gittiğimiz bir mekan. Kahveler çok lezzetli ve monopoly oynamaya doyamıyoruz.", imageSrc: "http://img.b2bpic.net/free-photo/skilled-artist-stands-before-easel-painting-watercolor-rustic-scene_482257-124812.jpg" },
{ id: "4", name: "Guest 4", handle: "@guest4", testimonial: "Very friendly atmosphere, loved the handmade decor and warm coffee.", imageSrc: "http://img.b2bpic.net/free-photo/flirty-couple-attending-art-workshop-having-fun-together-while-dating_662251-328.jpg" },
{ id: "5", name: "Guest 5", handle: "@guest5", testimonial: "Authentic Turkish breakfast was delicious, highly recommended spot.", imageSrc: "http://img.b2bpic.net/free-photo/smiley-women-having-coffee-meeting_23-2148817110.jpg" },
]}
title="What Our Guests Say"
description="Stories from our cozy corner in Muratpaşa."
@@ -301,30 +148,18 @@ export default function LandingPage() {
<div id="faq" data-section="faq">
<FaqSplitMedia
faqsAnimation="slide-up"
textboxLayout="split"
useInvertedBackground={true}
faqs={[
{
id: "f1",
title: "Do I need a reservation?",
content: "We recommend reservations for weekend workshops, but walk-ins are always welcome for coffee.",
},
{
id: "f2",
title: "What kind of workshops do you host?",
content: "We host object painting, bag customization, and occasional pottery sessions.",
},
{
id: "f3",
title: "Do you offer food?",
content: "Yes, we serve traditional breakfasts, gözleme, pişi, and daily breakfast plates.",
},
{ id: "f1", title: "Do I need a reservation?", content: "We recommend reservations for weekend workshops, but walk-ins are always welcome for coffee." },
{ id: "f2", title: "What kind of workshops do you host?", content: "We host object painting, bag customization, and occasional pottery sessions." },
{ id: "f3", title: "Do you offer food?", content: "Yes, we serve traditional breakfasts, gözleme, pişi, and daily breakfast plates." },
]}
imageSrc="http://img.b2bpic.net/free-photo/plant-vase_1203-7445.jpg"
mediaAnimation="slide-up"
title="Common Questions"
description="Find out more about our services and workshops."
faqsAnimation="slide-up"
/>
</div>
@@ -334,24 +169,10 @@ export default function LandingPage() {
title="Visit Moda Boutique"
description="Drop by our coffee shop in Muratpaşa, Antalya. We look forward to seeing you!"
inputs={[
{
name: "name",
type: "text",
placeholder: "Your Name",
required: true,
},
{
name: "email",
type: "email",
placeholder: "Email Address",
required: true,
},
{ name: "name", type: "text", placeholder: "Your Name", required: true },
{ name: "email", type: "email", placeholder: "Email Address", required: true },
]}
textarea={{
name: "message",
placeholder: "Tell us about your workshop interest",
rows: 4,
}}
textarea={{ name: "message", placeholder: "Tell us about your workshop interest", rows: 4 }}
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-woman-talking-phone_23-2149356834.jpg"
buttonText="Send Message"
/>
@@ -362,16 +183,8 @@ export default function LandingPage() {
logoText="Moda Boutique Coffee"
copyrightText="© 2025 Moda Boutique Shop | Antalya, Turkey"
socialLinks={[
{
icon: Instagram,
href: "#",
ariaLabel: "Instagram",
},
{
icon: Facebook,
href: "#",
ariaLabel: "Facebook",
},
{ icon: Instagram, href: "#", ariaLabel: "Instagram" },
{ icon: Facebook, href: "#", ariaLabel: "Facebook" },
]}
/>
</div>