Merge version_1 into main #2
213
src/app/page.tsx
213
src/app/page.tsx
@@ -29,22 +29,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Menu", id: "features" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Fiesta"
|
||||
/>
|
||||
@@ -52,23 +40,15 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Your Morning Celebration"
|
||||
description="Fiesta Coffee brings the warmth of artisan roasting and the joy of community to every single cup. Taste the difference quality makes."
|
||||
tag="Est. 2024"
|
||||
buttons={[
|
||||
{
|
||||
text: "View Our Menu",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
text: "Visit Us",
|
||||
href: "#contact",
|
||||
},
|
||||
{ text: "View Our Menu", href: "#features" },
|
||||
{ text: "Visit Us", href: "#contact" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/boy-having-coffee-restaurant_23-2148172665.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/boy-having-coffee-restaurant_23-2148172665.jpg"
|
||||
imageAlt="Fresh coffee shop interior"
|
||||
/>
|
||||
</div>
|
||||
@@ -77,25 +57,12 @@ export default function LandingPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Crafting the Perfect Cup, Daily.",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/coffee-mug_74190-2644.jpg",
|
||||
alt: "Barista serving coffee",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
content: "At Fiesta, we source only the finest sustainable beans. Our roasters are dedicated to capturing the unique character of every harvest, ensuring your daily ritual is truly special.",
|
||||
},
|
||||
{ type: "text", content: "Crafting the Perfect Cup, Daily." },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/coffee-mug_74190-2644.jpg", alt: "Barista serving coffee" },
|
||||
{ type: "text", content: "At Fiesta, we source only the finest sustainable beans. Our roasters are dedicated to capturing the unique character of every harvest, ensuring your daily ritual is truly special." },
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn Our Story",
|
||||
href: "#",
|
||||
},
|
||||
{ text: "Learn Our Story", href: "#" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -107,38 +74,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Fresh Roast",
|
||||
description: "Sourced daily from sustainable farms across the globe.",
|
||||
bentoComponent: "media-stack",
|
||||
items: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-beans-wooden-spoon-paper_114579-16912.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-holding-cup-milky-coffee_114579-4398.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-luxury-pillow-sofa-decoration-living-room_1339-7561.jpg?_wi=1",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/boy-having-coffee-restaurant_23-2148172665.jpg?_wi=2",
|
||||
imageAlt: "fresh coffee shop interior warm lighting",
|
||||
title: "Fresh Roast", description: "Sourced daily from sustainable farms across the globe.", bentoComponent: "media-stack", items: [
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/coffee-beans-wooden-spoon-paper_114579-16912.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/person-holding-cup-milky-coffee_114579-4398.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/beautiful-luxury-pillow-sofa-decoration-living-room_1339-7561.jpg" },
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Artisan Brewing",
|
||||
description: "Expert hands crafting every pour to perfection.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Coffee,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-mug_74190-2644.jpg",
|
||||
imageAlt: "coffee shop staff serving happy customer",
|
||||
title: "Artisan Brewing", description: "Expert hands crafting every pour to perfection.", bentoComponent: "reveal-icon", icon: Coffee
|
||||
},
|
||||
{
|
||||
title: "Cozy Atmosphere",
|
||||
description: "A warm space built for meeting, reading, or relaxing.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Coffee,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-beans-wooden-spoon-paper_114579-16912.jpg?_wi=2",
|
||||
imageAlt: "fresh roasted coffee beans in burlap sack",
|
||||
title: "Cozy Atmosphere", description: "A warm space built for meeting, reading, or relaxing.", bentoComponent: "reveal-icon", icon: Coffee
|
||||
},
|
||||
]}
|
||||
title="Why Fiesta Coffee?"
|
||||
@@ -151,61 +97,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alex R.",
|
||||
date: "Oct 2024",
|
||||
title: "Regular Visitor",
|
||||
quote: "The absolute best roast in town. The atmosphere is like a second home.",
|
||||
tag: "Coffee Lover",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/confident-young-female-coffee-barista-giving-cup_1262-4904.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-holding-cup-milky-coffee_114579-4398.jpg?_wi=2",
|
||||
imageAlt: "barista making professional latte art",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Maria L.",
|
||||
date: "Sep 2024",
|
||||
title: "Coffee Snob",
|
||||
quote: "I've traveled the world for coffee, and Fiesta holds its own against the best.",
|
||||
tag: "Latte Fanatic",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/blogger-girl-is-laughting-by-looking-camera-cafe_176474-116248.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-luxury-pillow-sofa-decoration-living-room_1339-7561.jpg?_wi=2",
|
||||
imageAlt: "cozy coffee shop seating area corner",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "James K.",
|
||||
date: "Aug 2024",
|
||||
title: "Neighborhood Resident",
|
||||
quote: "Friendly staff, great vibe, and perfect coffee every time I visit.",
|
||||
tag: "Daily Ritual",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/young-adult-pressing-buzzer-button_23-2149586564.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-young-female-coffee-barista-giving-cup_1262-4904.jpg",
|
||||
imageAlt: "happy coffee shop regular customer",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Sarah P.",
|
||||
date: "Jul 2024",
|
||||
title: "Remote Worker",
|
||||
quote: "The perfect spot to get work done with a cup of exceptional brew.",
|
||||
tag: "Remote Professional",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/smiling-african-american-businesswoman-drinking-coffee-while-being-work-there-are-people-background_637285-1103.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blogger-girl-is-laughting-by-looking-camera-cafe_176474-116248.jpg",
|
||||
imageAlt: "smiling coffee shop visitor portrait",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Tom B.",
|
||||
date: "Jun 2024",
|
||||
title: "Coffee Shop Aficionado",
|
||||
quote: "Fiesta has soul. You can taste the passion in every sip they serve.",
|
||||
tag: "Reviewer",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/expressive-young-girl-posing-indoor_344912-791.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-adult-pressing-buzzer-button_23-2149586564.jpg",
|
||||
imageAlt: "happy coffee enthusiast morning shop",
|
||||
},
|
||||
{ id: "1", name: "Alex R.", date: "Oct 2024", title: "Regular Visitor", quote: "The absolute best roast in town. The atmosphere is like a second home.", tag: "Coffee Lover", avatarSrc: "http://img.b2bpic.net/free-photo/confident-young-female-coffee-barista-giving-cup_1262-4904.jpg", imageSrc: "http://img.b2bpic.net/free-photo/person-holding-cup-milky-coffee_114579-4398.jpg", imageAlt: "barista making professional latte art" },
|
||||
{ id: "2", name: "Maria L.", date: "Sep 2024", title: "Coffee Snob", quote: "I've traveled the world for coffee, and Fiesta holds its own against the best.", tag: "Latte Fanatic", avatarSrc: "http://img.b2bpic.net/free-photo/blogger-girl-is-laughting-by-looking-camera-cafe_176474-116248.jpg", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-luxury-pillow-sofa-decoration-living-room_1339-7561.jpg", imageAlt: "cozy coffee shop seating area corner" },
|
||||
{ id: "3", name: "James K.", date: "Aug 2024", title: "Neighborhood Resident", quote: "Friendly staff, great vibe, and perfect coffee every time I visit.", tag: "Daily Ritual", avatarSrc: "http://img.b2bpic.net/free-photo/young-adult-pressing-buzzer-button_23-2149586564.jpg", imageSrc: "http://img.b2bpic.net/free-photo/confident-young-female-coffee-barista-giving-cup_1262-4904.jpg", imageAlt: "happy coffee shop regular customer" },
|
||||
{ id: "4", name: "Sarah P.", date: "Jul 2024", title: "Remote Worker", quote: "The perfect spot to get work done with a cup of exceptional brew.", tag: "Remote Professional", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-african-american-businesswoman-drinking-coffee-while-being-work-there-are-people-background_637285-1103.jpg", imageSrc: "http://img.b2bpic.net/free-photo/blogger-girl-is-laughting-by-looking-camera-cafe_176474-116248.jpg", imageAlt: "smiling coffee shop visitor portrait" },
|
||||
{ id: "5", name: "Tom B.", date: "Jun 2024", title: "Coffee Shop Aficionado", quote: "Fiesta has soul. You can taste the passion in every sip they serve.", tag: "Reviewer", avatarSrc: "http://img.b2bpic.net/free-photo/expressive-young-girl-posing-indoor_344912-791.jpg", imageSrc: "http://img.b2bpic.net/free-photo/young-adult-pressing-buzzer-button_23-2149586564.jpg", imageAlt: "happy coffee enthusiast morning shop" },
|
||||
]}
|
||||
title="Loved by Locals"
|
||||
description="Don't just take our word for it—join the Fiesta family."
|
||||
@@ -215,71 +111,20 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
tag="Visit Us"
|
||||
title="Join the Fiesta"
|
||||
description="Located in the heart of downtown. Come say hello and grab a fresh brew."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Directions",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Get Directions", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Fiesta Coffee",
|
||||
items: [
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Socials",
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Twitter",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Fiesta Coffee", items: [{ label: "Menu", href: "#features" }, { label: "About", href: "#about" }, { label: "Contact", href: "#contact" }] },
|
||||
{ title: "Socials", items: [{ label: "Instagram", href: "#" }, { label: "Twitter", href: "#" }, { label: "Facebook", href: "#" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
|
||||
]}
|
||||
bottomLeftText="© 2024 Fiesta Coffee Inc."
|
||||
bottomRightText="Designed with love."
|
||||
|
||||
Reference in New Issue
Block a user