Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
240
src/app/page.tsx
240
src/app/page.tsx
@@ -31,131 +31,79 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Home", id: "#hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "#menu",
|
||||
},
|
||||
name: "Menu", id: "#menu"},
|
||||
{
|
||||
name: "Visit",
|
||||
id: "#location",
|
||||
},
|
||||
name: "Visit", id: "#location"},
|
||||
]}
|
||||
brandName="Fika Coffee Shop"
|
||||
button={{ text: "Order Now", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="A Coffee Experience You’ll Remember"
|
||||
description="Discover the art of the perfect cup. We blend warm hospitality with premium beans to turn your daily ritual into a moment of pure bliss."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-shot-handsome-young-man-sitting-cafe-front-table-drinking-coffee-wearing_1258-314069.jpg",
|
||||
imageAlt: "Luxurious coffee shop atmosphere",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-shot-handsome-young-man-sitting-cafe-front-table-drinking-coffee-wearing_1258-314069.jpg", imageAlt: "Luxurious coffee shop atmosphere"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-tea-set-table-with-chairs_181624-5522.jpg",
|
||||
imageAlt: "Warm cafe interior",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-tea-set-table-with-chairs_181624-5522.jpg", imageAlt: "Warm cafe interior"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vase-with-dry-wheat-cup-coffee_23-2148879078.jpg",
|
||||
imageAlt: "Latte art details",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vase-with-dry-wheat-cup-coffee_23-2148879078.jpg", imageAlt: "Latte art details"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flirty-blond-girl-with-blue-eyes-bright-pink-lips-sitting-coffee-shop-chair-drinking-coffee_197531-87.jpg",
|
||||
imageAlt: "Morning coffee ritual",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flirty-blond-girl-with-blue-eyes-bright-pink-lips-sitting-coffee-shop-chair-drinking-coffee_197531-87.jpg", imageAlt: "Morning coffee ritual"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-closeup-shot-white-cup-latte-art-coffee-window-shelf-cafe_181624-1600.jpg",
|
||||
imageAlt: "Scandinavian design",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-closeup-shot-white-cup-latte-art-coffee-window-shelf-cafe_181624-1600.jpg", imageAlt: "Scandinavian design"},
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/selective-closeup-shot-coffee-with-latte-art-black-ceramic-cup-wooden-surface_181624-3880.jpg",
|
||||
imageAlt: "Detail of coffee prep",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/selective-closeup-shot-coffee-with-latte-art-black-ceramic-cup-wooden-surface_181624-3880.jpg", imageAlt: "Detail of coffee prep"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-cafe_1157-4340.jpg",
|
||||
imageAlt: "Bright cafe morning",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-cafe_1157-4340.jpg", imageAlt: "Bright cafe morning"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chair-with-wooden-table-sunrise_1203-2110.jpg",
|
||||
imageAlt: "Cozy seating area",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chair-with-wooden-table-sunrise_1203-2110.jpg", imageAlt: "Cozy seating area"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-hangout-together-coffee-shop_53876-31515.jpg",
|
||||
imageAlt: "Artisan coffee drink",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-hangout-together-coffee-shop_53876-31515.jpg", imageAlt: "Artisan coffee drink"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/focused-woman-looking-laptop_23-2148422456.jpg",
|
||||
imageAlt: "Luxury coffee interior",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/focused-woman-looking-laptop_23-2148422456.jpg", imageAlt: "Luxury coffee interior"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
text: "View Menu", href: "#menu"},
|
||||
{
|
||||
text: "Visit Us Today",
|
||||
href: "#location",
|
||||
},
|
||||
text: "Visit Us Today", href: "#location"},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/expressive-young-girl-posing-indoor_344912-1205.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/expressive-young-girl-posing-indoor_344912-1205.jpg", alt: "Customer 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/empty-wood-chair_1339-6716.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/empty-wood-chair_1339-6716.jpg", alt: "Customer 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-woman-talking-phone_23-2149356834.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-woman-talking-phone_23-2149356834.jpg", alt: "Customer 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cup-with-delicious-coffee-table_23-2149703755.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/cup-with-delicious-coffee-table_23-2149703755.jpg", alt: "Customer 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/brunette-girl-woman-white-fur-coat-girl-counter_1157-47302.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/brunette-girl-woman-white-fur-coat-girl-counter_1157-47302.jpg", alt: "Customer 5"},
|
||||
]}
|
||||
avatarText="Join our community of coffee lovers."
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium Roast",
|
||||
},
|
||||
type: "text", text: "Premium Roast"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Locally Sourced",
|
||||
},
|
||||
type: "text", text: "Locally Sourced"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Artisan Crafted",
|
||||
},
|
||||
type: "text", text: "Artisan Crafted"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Fresh Daily",
|
||||
},
|
||||
type: "text", text: "Fresh Daily"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Warm Welcome",
|
||||
},
|
||||
type: "text", text: "Warm Welcome"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -165,9 +113,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="The Art of Fika"
|
||||
description={[
|
||||
"At Fika, coffee is more than a caffeine fix—it's a daily ritual of connection and comfort. Our café is designed to be your sanctuary, a place where the stress of the day melts away with the first sip.",
|
||||
"Every detail, from the warmth of our greeting to the meticulous latte art, is crafted to make you feel at home. We believe in building community through shared moments, delicious treats, and the simple beauty of a coffee well-made.",
|
||||
]}
|
||||
"At Fika, coffee is more than a caffeine fix—it's a daily ritual of connection and comfort. Our café is designed to be your sanctuary, a place where the stress of the day melts away with the first sip.", "Every detail, from the warmth of our greeting to the meticulous latte art, is crafted to make you feel at home. We believe in building community through shared moments, delicious treats, and the simple beauty of a coffee well-made."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -179,41 +125,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Flat White",
|
||||
price: "$4.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cozy-winter-composition-with-cup-sweater_169016-3724.jpg",
|
||||
},
|
||||
id: "p1", name: "Flat White", price: "$4.50", imageSrc: "http://img.b2bpic.net/free-photo/cozy-winter-composition-with-cup-sweater_169016-3724.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Adorable Latte Art",
|
||||
price: "$5.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/autumn-composition-with-textured-cup-book-windowsill_169016-46552.jpg",
|
||||
},
|
||||
id: "p2", name: "Adorable Latte Art", price: "$5.00", imageSrc: "http://img.b2bpic.net/free-photo/autumn-composition-with-textured-cup-book-windowsill_169016-46552.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Vegan Pastry Selection",
|
||||
price: "$6.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-little-cakes-with-cup-tea-rustic-blue-space_140725-79408.jpg",
|
||||
},
|
||||
id: "p3", name: "Vegan Pastry Selection", price: "$6.00", imageSrc: "http://img.b2bpic.net/free-photo/front-view-little-cakes-with-cup-tea-rustic-blue-space_140725-79408.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Artisan Breakfast Bagel",
|
||||
price: "$8.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cappuccino-coffee-bread-slice-with-cheese-chopping-board-table_23-2147926617.jpg",
|
||||
},
|
||||
id: "p4", name: "Artisan Breakfast Bagel", price: "$8.50", imageSrc: "http://img.b2bpic.net/free-photo/cappuccino-coffee-bread-slice-with-cheese-chopping-board-table_23-2147926617.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Matcha Cookie",
|
||||
price: "$3.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-drinking-matcha-tea_23-2150163348.jpg",
|
||||
},
|
||||
id: "p5", name: "Matcha Cookie", price: "$3.50", imageSrc: "http://img.b2bpic.net/free-photo/man-drinking-matcha-tea_23-2150163348.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Chicken Caesar Wrap",
|
||||
price: "$12.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-sliced-shaurma-delicious-meat-sandwich-with-lemon-slices-black-table_140725-104388.jpg",
|
||||
},
|
||||
id: "p6", name: "Chicken Caesar Wrap", price: "$12.00", imageSrc: "http://img.b2bpic.net/free-photo/top-view-sliced-shaurma-delicious-meat-sandwich-with-lemon-slices-black-table_140725-104388.jpg"},
|
||||
]}
|
||||
title="Signature Menu"
|
||||
description="Carefully curated flavors that celebrate quality ingredients and expert craftsmanship."
|
||||
@@ -228,25 +150,15 @@ export default function LandingPage() {
|
||||
author="Sarah J."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-pretty-woman-with-tattooes-her-hands-is-enjoying-her-time-food-court-with-her-sketching-pad_613910-5324.jpg",
|
||||
alt: "Customer profile",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-pretty-woman-with-tattooes-her-hands-is-enjoying-her-time-food-court-with-her-sketching-pad_613910-5324.jpg", alt: "Customer profile"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/friends-having-fun-together_23-2149329709.jpg",
|
||||
alt: "Customer profile",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/friends-having-fun-together_23-2149329709.jpg", alt: "Customer profile"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/coffee-break_1098-14791.jpg",
|
||||
alt: "Customer profile",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/coffee-break_1098-14791.jpg", alt: "Customer profile"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/albino-woman-home-doing-chores_23-2150065048.jpg",
|
||||
alt: "Customer profile",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/albino-woman-home-doing-chores_23-2150065048.jpg", alt: "Customer profile"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-lady-sitting-restaurant-looking-camera_114579-92360.jpg",
|
||||
alt: "Customer profile",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-lady-sitting-restaurant-looking-camera_114579-92360.jpg", alt: "Customer profile"},
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="blur-reveal"
|
||||
@@ -255,24 +167,19 @@ export default function LandingPage() {
|
||||
|
||||
<div id="gallery" data-section="gallery">
|
||||
<FeatureBorderGlow
|
||||
animationType="slide-up"
|
||||
textboxLayout="inline-image"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
icon: Coffee,
|
||||
title: "Artisan Coffee",
|
||||
description: "Expertly roasted beans brewed with precision.",
|
||||
},
|
||||
title: "Artisan Coffee", description: "Expertly roasted beans brewed with precision."},
|
||||
{
|
||||
icon: Heart,
|
||||
title: "Warm Connection",
|
||||
description: "A space built on kindness and community.",
|
||||
},
|
||||
title: "Warm Connection", description: "A space built on kindness and community."},
|
||||
{
|
||||
icon: Sparkles,
|
||||
title: "Gourmet Treats",
|
||||
description: "Fresh pastries made with love every day.",
|
||||
},
|
||||
title: "Gourmet Treats", description: "Fresh pastries made with love every day."},
|
||||
]}
|
||||
title="The Fika Experience"
|
||||
description="Captured moments of warmth, coffee excellence, and genuine connection."
|
||||
@@ -283,16 +190,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Visit Us"
|
||||
title="Find Your Coffee Spot"
|
||||
description="123 Scandinavian Lane, Coffee Town. Open daily from 7 AM - 6 PM. We can't wait to welcome you for a fika."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Directions",
|
||||
href: "https://maps.google.com",
|
||||
},
|
||||
text: "Get Directions", href: "https://maps.google.com"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -301,16 +205,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Join Us"
|
||||
title="Your New Favourite Coffee Spot Awaits"
|
||||
description="Come experience the warmth and taste the love in every cup. Your table is ready."
|
||||
buttons={[
|
||||
{
|
||||
text: "Visit Fika Coffee Shop",
|
||||
href: "#",
|
||||
},
|
||||
text: "Visit Fika Coffee Shop", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -319,54 +220,33 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Menu",
|
||||
items: [
|
||||
title: "Menu", items: [
|
||||
{
|
||||
label: "Coffee",
|
||||
href: "#menu",
|
||||
},
|
||||
label: "Coffee", href: "#menu"},
|
||||
{
|
||||
label: "Food",
|
||||
href: "#menu",
|
||||
},
|
||||
label: "Food", href: "#menu"},
|
||||
{
|
||||
label: "Vegan Options",
|
||||
href: "#menu",
|
||||
},
|
||||
label: "Vegan Options", href: "#menu"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Experience",
|
||||
items: [
|
||||
title: "Experience", items: [
|
||||
{
|
||||
label: "About Fika",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Fika", href: "#about"},
|
||||
{
|
||||
label: "Our Story",
|
||||
href: "#about",
|
||||
},
|
||||
label: "Our Story", href: "#about"},
|
||||
{
|
||||
label: "Community",
|
||||
href: "#about",
|
||||
},
|
||||
label: "Community", href: "#about"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Visit",
|
||||
items: [
|
||||
title: "Visit", items: [
|
||||
{
|
||||
label: "Location",
|
||||
href: "#location",
|
||||
},
|
||||
label: "Location", href: "#location"},
|
||||
{
|
||||
label: "Hours",
|
||||
href: "#location",
|
||||
},
|
||||
label: "Hours", href: "#location"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#",
|
||||
},
|
||||
label: "Contact", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user