Merge version_1 into main #1
327
src/app/page.tsx
327
src/app/page.tsx
@@ -16,239 +16,116 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="hover-bubble"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="soft"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "Location",
|
||||
id: "location",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Loyalty",
|
||||
id: "loyalty",
|
||||
},
|
||||
]}
|
||||
brandName="Fire Up Espresso"
|
||||
button={{
|
||||
text: "Call to Order",
|
||||
href: "tel:+12085550123",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Menu", id: "#menu" },
|
||||
{ name: "Features", id: "#features" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="Fire Up Espresso"
|
||||
button={{ text: "Call to Order", href: "tel:+12085550123" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
title="Fuel Your North Idaho Adventure."
|
||||
description="Spirit Lake’s favorite stop for handcrafted espresso, energy blends, and local eats. Fast service with a smile—every single time."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Directions",
|
||||
href: "https://maps.google.com",
|
||||
},
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beverage-topped-with-sliced-dried-citrus-flower_141793-618.jpg",
|
||||
imageAlt: "Coffee cup on table",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-cafe-caffeine-drinking-beverage_53876-23303.jpg",
|
||||
imageAlt: "Coffee stand in forest",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-female-barista-pouring-coffee-transparent-glass_23-2148824465.jpg",
|
||||
imageAlt: "Fresh coffee pour",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/iced-mocktails-glass-beach_74190-3916.jpg",
|
||||
imageAlt: "Iced beverage energy drink",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-eating-her-tasty-brunch-hipster-cafe-top-view-marble-table-salmon-avocado-toast-coffee-sweet-tasty-cheesecakes-enjoying-her-breakfast_291049-382.jpg",
|
||||
imageAlt: "Chicken pesto sandwich",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barber-man-apron-holding-hair-cutting-machine-looking-front-with-smile-face-offering-hand-standing-orange-wall_141793-50569.jpg",
|
||||
imageAlt: "Happy barista smiling",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Fuel Your North Idaho Adventure."
|
||||
description="Spirit Lake’s favorite stop for handcrafted espresso, energy blends, and local eats. Fast service with a smile—every single time."
|
||||
buttons={[
|
||||
{ text: "Get Directions", href: "https://maps.google.com" },
|
||||
{ text: "View Menu", href: "#menu" },
|
||||
]}
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/beverage-topped-with-sliced-dried-citrus-flower_141793-618.jpg", imageAlt: "coffee shop table top shot" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/coffee-cafe-caffeine-drinking-beverage_53876-23303.jpg", imageAlt: "coffee hut forest" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/front-view-female-barista-pouring-coffee-transparent-glass_23-2148824465.jpg", imageAlt: "pouring coffee close up" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/iced-mocktails-glass-beach_74190-3916.jpg", imageAlt: "energy drink ice glass" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-eating-her-tasty-brunch-hipster-cafe-top-view-marble-table-salmon-avocado-toast-coffee-sweet-tasty-cheesecakes-enjoying-her-breakfast_291049-382.jpg", imageAlt: "chicken pesto sandwich" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/barber-man-apron-holding-hair-cutting-machine-looking-front-with-smile-face-offering-hand-standing-orange-wall_141793-50569.jpg", imageAlt: "friendly barista portrait" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardEight
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Fast & Friendly",
|
||||
description: "Our baristas are trained to get you back on the road without sacrificing quality.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-courier-uniform-holding-takeaways-coffees-high-quality-photo_114579-52895.jpg",
|
||||
imageAlt: "Fast coffee service",
|
||||
},
|
||||
{
|
||||
title: "Energy Blends",
|
||||
description: "Famous for our Red Bull Infusions, Italian Sodas, and Matcha blends.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/refreshing-drinks-table_23-2148606444.jpg",
|
||||
imageAlt: "Energy drink",
|
||||
},
|
||||
{
|
||||
title: "Local Eats",
|
||||
description: "Fresh Chicken Pesto Sandwiches, signature Egg Bites, and brownies.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-sandwiches-with-soda-cup_23-2148242556.jpg",
|
||||
imageAlt: "Fresh sandwich",
|
||||
},
|
||||
]}
|
||||
title="Speed & Quality"
|
||||
description="Everything we do is focused on fueling your day, fast."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardEight
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "Fast & Friendly", description: "Our baristas are trained to get you back on the road without sacrificing quality.", imageSrc: "http://img.b2bpic.net/free-photo/female-courier-uniform-holding-takeaways-coffees-high-quality-photo_114579-52895.jpg", imageAlt: "fast coffee service" },
|
||||
{ title: "Energy Blends", description: "Famous for our Red Bull Infusions, Italian Sodas, and Matcha blends.", imageSrc: "http://img.b2bpic.net/free-photo/refreshing-drinks-table_23-2148606444.jpg", imageAlt: "energy drinks colorful" },
|
||||
{ title: "Local Eats", description: "Fresh Chicken Pesto Sandwiches, signature Egg Bites, and brownies.", imageSrc: "http://img.b2bpic.net/free-photo/delicious-sandwiches-with-soda-cup_23-2148242556.jpg", imageAlt: "cafe fresh food display" }
|
||||
]}
|
||||
title="Speed & Quality"
|
||||
description="Everything we do is focused on fueling your day, fast."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "White Chocolate Java Chip",
|
||||
price: "$6.00",
|
||||
variant: "Espresso Blend",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-white-sweater-pouring-milk-into-coffee-dessert_1157-26651.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Red Bull Infusion",
|
||||
price: "$5.50",
|
||||
variant: "Energy Drink",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-bottle-with-copy-space_23-2148717700.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Italian Soda",
|
||||
price: "$4.50",
|
||||
variant: "Signature Drink",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colorful-italian-soda_1339-4759.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Chicken Pesto Sandwich",
|
||||
price: "$8.50",
|
||||
variant: "Food",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-toast-sandwich-wooden-board_23-2148454706.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Egg Bites",
|
||||
price: "$5.00",
|
||||
variant: "Food",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-tasty-egg-toasts-with-sliced-vegetables-dark-background-meal-egg-breakfast-food-lunch-fry-color-photo-toaster_140725-160647.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Matcha Latte",
|
||||
price: "$5.75",
|
||||
variant: "Latte",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cozy-autumn-composition-with-cup-tea-decorative-details_169016-23157.jpg",
|
||||
},
|
||||
]}
|
||||
title="Signature Menu"
|
||||
description="Handcrafted goodness for every taste bud."
|
||||
/>
|
||||
</div>
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{ id: "1", name: "White Chocolate Java Chip", price: "$6.00", variant: "Espresso Blend", imageSrc: "http://img.b2bpic.net/free-photo/woman-white-sweater-pouring-milk-into-coffee-dessert_1157-26651.jpg" },
|
||||
{ id: "2", name: "Red Bull Infusion", price: "$5.50", variant: "Energy Drink", imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-bottle-with-copy-space_23-2148717700.jpg" },
|
||||
{ id: "3", name: "Italian Soda", price: "$4.50", variant: "Signature Drink", imageSrc: "http://img.b2bpic.net/free-photo/colorful-italian-soda_1339-4759.jpg" },
|
||||
{ id: "4", name: "Chicken Pesto Sandwich", price: "$8.50", variant: "Food", imageSrc: "http://img.b2bpic.net/free-photo/close-up-toast-sandwich-wooden-board_23-2148454706.jpg" },
|
||||
{ id: "5", name: "Egg Bites", price: "$5.00", variant: "Food", imageSrc: "http://img.b2bpic.net/free-photo/front-view-tasty-egg-toasts-with-sliced-vegetables-dark-background-meal-egg-breakfast-food-lunch-fry-color-photo-toaster_140725-160647.jpg" },
|
||||
{ id: "6", name: "Matcha Latte", price: "$5.75", variant: "Latte", imageSrc: "http://img.b2bpic.net/free-photo/cozy-autumn-composition-with-cup-tea-decorative-details_169016-23157.jpg" }
|
||||
]}
|
||||
title="Signature Menu"
|
||||
description="Handcrafted goodness for every taste bud."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Tyler G.",
|
||||
role: "Customer",
|
||||
testimonial: "One of the best white chocolate with Java chip blendeds I have ever had!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiling-young-woman_23-2147910348.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Neatness M.",
|
||||
role: "Customer",
|
||||
testimonial: "Best coffee hut in the area! Their Chicken Pesto sandwich is good, too.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-blonde-woman-holding-coffee-cup-cafe_1170-692.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Wendy",
|
||||
role: "Customer",
|
||||
testimonial: "We were even able to swing the drive-thru with our boat!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-view-woman-smiling-being-happy_23-2148504871.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Alex R.",
|
||||
role: "Customer",
|
||||
testimonial: "The Red Bull energy infusions are perfect for road trips.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-headphones-smiling-beige-wall_176420-2695.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Sarah J.",
|
||||
role: "Customer",
|
||||
testimonial: "Super quick service every single morning.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-with-tablet_23-2149927583.jpg",
|
||||
},
|
||||
]}
|
||||
title="Loved by locals"
|
||||
description="What our customers are saying about us."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Tyler G.", role: "Customer", testimonial: "One of the best white chocolate with Java chip blendeds I have ever had!", imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiling-young-woman_23-2147910348.jpg" },
|
||||
{ id: "2", name: "Neatness M.", role: "Customer", testimonial: "Best coffee hut in the area! Their Chicken Pesto sandwich is good, too.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-blonde-woman-holding-coffee-cup-cafe_1170-692.jpg" },
|
||||
{ id: "3", name: "Wendy", role: "Customer", testimonial: "We were even able to swing the drive-thru with our boat!", imageSrc: "http://img.b2bpic.net/free-photo/low-view-woman-smiling-being-happy_23-2148504871.jpg" },
|
||||
{ id: "4", name: "Alex R.", role: "Customer", testimonial: "The Red Bull energy infusions are perfect for road trips.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-headphones-smiling-beige-wall_176420-2695.jpg" },
|
||||
{ id: "5", name: "Sarah J.", role: "Customer", testimonial: "Super quick service every single morning.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-with-tablet_23-2149927583.jpg" }
|
||||
]}
|
||||
title="Loved by locals"
|
||||
description="What our customers are saying about us."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
tag="Join the Club"
|
||||
title="Double Punch Tuesdays"
|
||||
description="Sign up for SMS alerts to get double points every Tuesday!"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="Join the Club"
|
||||
title="Double Punch Tuesdays"
|
||||
description="Sign up for SMS alerts to get double points every Tuesday!"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Fire Up Espresso"
|
||||
leftLink={{
|
||||
text: "Hours: M-F 6am-6pm",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Instagram",
|
||||
href: "https://instagram.com",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Fire Up Espresso"
|
||||
leftLink={{ text: "Hours: M-F 6am-6pm", href: "#" }}
|
||||
rightLink={{ text: "Instagram", href: "https://instagram.com" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user