Merge version_2 into main #1
208
src/app/page.tsx
208
src/app/page.tsx
@@ -32,25 +32,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "products",
|
||||
},
|
||||
name: "Menu", id: "products"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Reviews", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Flower Grounds Cafe"
|
||||
/>
|
||||
@@ -59,41 +49,22 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Unwind in the Heart of Naga"
|
||||
description="Experience the perfect blend of cozy atmosphere and specialty brews at Flower Grounds Cafe. Your new favorite spot to relax, study, or catch up with friends."
|
||||
carouselItems={[
|
||||
{
|
||||
id: "h1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-preparing-drink-with-milk_23-2148865605.jpg",
|
||||
imageAlt: "cozy coffee shop interior",
|
||||
},
|
||||
id: "h1", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-preparing-drink-with-milk_23-2148865605.jpg", imageAlt: "cozy coffee shop interior"},
|
||||
{
|
||||
id: "h2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-beans_1203-3621.jpg",
|
||||
imageAlt: "fresh coffee beans macro",
|
||||
},
|
||||
id: "h2", imageSrc: "http://img.b2bpic.net/free-photo/coffee-beans_1203-3621.jpg", imageAlt: "fresh coffee beans macro"},
|
||||
{
|
||||
id: "h3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cup-tea-cookies_23-2148832321.jpg",
|
||||
imageAlt: "cup of coffee on table",
|
||||
},
|
||||
id: "h3", imageSrc: "http://img.b2bpic.net/free-photo/cup-tea-cookies_23-2148832321.jpg", imageAlt: "cup of coffee on table"},
|
||||
{
|
||||
id: "h4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-restaurant-with-magazine-glass-cappuccino-with-cream_114579-3455.jpg",
|
||||
imageAlt: "cozy cafe reading corner",
|
||||
},
|
||||
id: "h4", imageSrc: "http://img.b2bpic.net/free-photo/woman-restaurant-with-magazine-glass-cappuccino-with-cream_114579-3455.jpg", imageAlt: "cozy cafe reading corner"},
|
||||
{
|
||||
id: "h5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cocktail-wooden-table-restaurant_23-2147936121.jpg",
|
||||
imageAlt: "barista making specialty coffee",
|
||||
},
|
||||
id: "h5", imageSrc: "http://img.b2bpic.net/free-photo/cocktail-wooden-table-restaurant_23-2147936121.jpg", imageAlt: "barista making specialty coffee"},
|
||||
{
|
||||
id: "h6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/unrecognizable-coffee-shop-owner-holding-open-sign-while-standing-doorway_637285-6308.jpg",
|
||||
imageAlt: "coffee shop exterior inviting",
|
||||
},
|
||||
id: "h6", imageSrc: "http://img.b2bpic.net/free-photo/unrecognizable-coffee-shop-owner-holding-open-sign-while-standing-doorway_637285-6308.jpg", imageAlt: "coffee shop exterior inviting"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -120,19 +91,13 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
icon: Coffee,
|
||||
title: "Specialty Coffee",
|
||||
description: "Hand-crafted brews using locally sourced beans.",
|
||||
},
|
||||
title: "Specialty Coffee", description: "Hand-crafted brews using locally sourced beans."},
|
||||
{
|
||||
icon: Wifi,
|
||||
title: "Quiet Workspace",
|
||||
description: "Perfect atmosphere for studying or remote work.",
|
||||
},
|
||||
title: "Quiet Workspace", description: "Perfect atmosphere for studying or remote work."},
|
||||
{
|
||||
icon: Heart,
|
||||
title: "Warm Service",
|
||||
description: "Friendly staff dedicated to a cozy customer experience.",
|
||||
},
|
||||
title: "Warm Service", description: "Friendly staff dedicated to a cozy customer experience."},
|
||||
]}
|
||||
title="Why You'll Love Us"
|
||||
description="We offer the perfect environment for every coffee lover."
|
||||
@@ -142,52 +107,25 @@ export default function LandingPage() {
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
textboxLayout="split-actions"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
buttons={[{
|
||||
text: "Order via Messenger", href: "https://m.me/flowergroundscafe"
|
||||
}]}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Iced Latte",
|
||||
price: "₱120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-working-coffee-shop_53876-26231.jpg",
|
||||
imageAlt: "iced latte cafe style",
|
||||
},
|
||||
id: "p1", name: "Iced Latte", price: "₱120", imageSrc: "http://img.b2bpic.net/free-photo/businessman-working-coffee-shop_53876-26231.jpg", imageAlt: "iced latte cafe style"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Americano",
|
||||
price: "₱90",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hot-coffee_1220-83.jpg",
|
||||
imageAlt: "americano coffee hot",
|
||||
},
|
||||
id: "p2", name: "Americano", price: "₱90", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hot-coffee_1220-83.jpg", imageAlt: "americano coffee hot"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Signature Cappuccino",
|
||||
price: "₱130",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hot-latte-art-coffee-table-filtered-image-processed-vintage_1232-2210.jpg",
|
||||
imageAlt: "cappuccino with art",
|
||||
},
|
||||
id: "p3", name: "Signature Cappuccino", price: "₱130", imageSrc: "http://img.b2bpic.net/free-photo/hot-latte-art-coffee-table-filtered-image-processed-vintage_1232-2210.jpg", imageAlt: "cappuccino with art"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Artisan Pastry",
|
||||
price: "₱85",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-milk-coffee-with-little-cakes-crackers-light-background-cake-biscuit-sweet-sugar-bake_140725-30810.jpg",
|
||||
imageAlt: "pastry and coffee combo",
|
||||
},
|
||||
id: "p4", name: "Artisan Pastry", price: "₱85", imageSrc: "http://img.b2bpic.net/free-photo/top-view-milk-coffee-with-little-cakes-crackers-light-background-cake-biscuit-sweet-sugar-bake_140725-30810.jpg", imageAlt: "pastry and coffee combo"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Flat White",
|
||||
price: "₱110",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mug-delicious-frappe_23-2148937242.jpg",
|
||||
imageAlt: "flat white coffee",
|
||||
},
|
||||
id: "p5", name: "Flat White", price: "₱110", imageSrc: "http://img.b2bpic.net/free-photo/mug-delicious-frappe_23-2148937242.jpg", imageAlt: "flat white coffee"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Iced Mocha",
|
||||
price: "₱140",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/freshness-beverage-iced-ice-milkshake_1203-3929.jpg",
|
||||
imageAlt: "iced mocha chocolate coffee",
|
||||
},
|
||||
id: "p6", name: "Iced Mocha", price: "₱140", imageSrc: "http://img.b2bpic.net/free-photo/freshness-beverage-iced-ice-milkshake_1203-3929.jpg", imageAlt: "iced mocha chocolate coffee"},
|
||||
]}
|
||||
title="Featured Menu"
|
||||
description="Explore our selection of specialty drinks and pairings."
|
||||
@@ -202,50 +140,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Allan Solayao",
|
||||
role: "Local Guide",
|
||||
company: "Customer",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-indoor-portrait-graceful-blonde-woman-enjoying-smell-cappuccino-dreaming-looking-into-window-wearing-pink-knitted-sweater_273443-2830.jpg",
|
||||
imageAlt: "happy coffee shop customer",
|
||||
},
|
||||
id: "t1", name: "Allan Solayao", role: "Local Guide", company: "Customer", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-indoor-portrait-graceful-blonde-woman-enjoying-smell-cappuccino-dreaming-looking-into-window-wearing-pink-knitted-sweater_273443-2830.jpg", imageAlt: "happy coffee shop customer"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Reese",
|
||||
role: "Student",
|
||||
company: "Customer",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-writing-schedule-diary-with-cup-coffee-desk_23-2147925431.jpg",
|
||||
imageAlt: "student studying in cafe",
|
||||
},
|
||||
id: "t2", name: "Reese", role: "Student", company: "Customer", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-writing-schedule-diary-with-cup-coffee-desk_23-2147925431.jpg", imageAlt: "student studying in cafe"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Sarah J.",
|
||||
role: "Professional",
|
||||
company: "Customer",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/red-haired-girl-smiles-because-sun-strokes-her-cheeks_8353-9131.jpg",
|
||||
imageAlt: "satisfied customer smiling",
|
||||
},
|
||||
id: "t3", name: "Sarah J.", role: "Professional", company: "Customer", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/red-haired-girl-smiles-because-sun-strokes-her-cheeks_8353-9131.jpg", imageAlt: "satisfied customer smiling"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Marco D.",
|
||||
role: "Creative",
|
||||
company: "Customer",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-sits-table-cozy-cafe-chats-smartphone-portrait-tanned-girl-white-tshirt_197531-26359.jpg",
|
||||
imageAlt: "local regular at coffee shop",
|
||||
},
|
||||
id: "t4", name: "Marco D.", role: "Creative", company: "Customer", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-sits-table-cozy-cafe-chats-smartphone-portrait-tanned-girl-white-tshirt_197531-26359.jpg", imageAlt: "local regular at coffee shop"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Elena R.",
|
||||
role: "Regular",
|
||||
company: "Customer",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-young-korean-woman-sits-cafe-holds-smartphone-smiles-enjoys-coffee-outdoors_1258-123350.jpg",
|
||||
imageAlt: "young woman happy in cafe",
|
||||
},
|
||||
id: "t5", name: "Elena R.", role: "Regular", company: "Customer", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-young-korean-woman-sits-cafe-holds-smartphone-smiles-enjoys-coffee-outdoors_1258-123350.jpg", imageAlt: "young woman happy in cafe"},
|
||||
]}
|
||||
title="What Our Patrons Say"
|
||||
description="Heartfelt feedback from our community."
|
||||
@@ -258,20 +166,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do you offer takeout?",
|
||||
content: "Yes, we offer convenient takeout for all our menu items.",
|
||||
},
|
||||
id: "q1", title: "Do you offer takeout?", content: "Yes, we offer convenient takeout for all our menu items."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Is the cafe quiet for studying?",
|
||||
content: "Absolutely! Many students and professionals enjoy our calm atmosphere.",
|
||||
},
|
||||
id: "q2", title: "Is the cafe quiet for studying?", content: "Absolutely! Many students and professionals enjoy our calm atmosphere."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Where is the cafe located?",
|
||||
content: "We are at J. Hernandez Ave, Sta. Cruz, Naga City, Camarines Sur.",
|
||||
},
|
||||
id: "q3", title: "Where is the cafe located?", content: "We are at J. Hernandez Ave, Sta. Cruz, Naga City, Camarines Sur."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Have questions? We have answers."
|
||||
@@ -283,8 +182,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Visit Us"
|
||||
title="Find Your Calm Here"
|
||||
description="Come visit us at J. Hernandez Ave, Sta. Cruz. Or get in touch at 0949 135 5082 for inquiries."
|
||||
@@ -299,33 +197,21 @@ export default function LandingPage() {
|
||||
logoText="Flower Grounds Cafe"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
title: "Navigation", items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
label: "Home", href: "#hero"},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Menu", href: "#products"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
title: "Contact", items: [
|
||||
{
|
||||
label: "Call Us",
|
||||
href: "tel:09491355082",
|
||||
},
|
||||
label: "Call Us", href: "tel:09491355082"},
|
||||
{
|
||||
label: "Visit Us",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Visit Us", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -334,4 +220,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user