254 lines
13 KiB
TypeScript
254 lines
13 KiB
TypeScript
"use client";
|
|
|
|
import { Coffee, Heart, Star, Users, Award, HelpCircle } from "lucide-react";
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
|
|
import HeroBillboardRotatedCarousel from "@/components/sections/hero/HeroBillboardRotatedCarousel";
|
|
import MetricSplitMediaAbout from "@/components/sections/about/MetricSplitMediaAbout";
|
|
import ProductCardOne from "@/components/sections/product/ProductCardOne";
|
|
import TestimonialCardTwelve from "@/components/sections/testimonial/TestimonialCardTwelve";
|
|
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
|
|
import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia";
|
|
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
|
|
import FooterMedia from "@/components/sections/footer/FooterMedia";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="shift-hover"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="pill"
|
|
contentWidth="mediumSmall"
|
|
sizing="medium"
|
|
background="fluid"
|
|
cardStyle="subtle-shadow"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
navItems={[
|
|
{ name: "Home", id: "hero" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Menu", id: "menu" },
|
|
{ name: "Testimonials", id: "testimonials" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
button={{ text: "Order Now", href: "contact" }}
|
|
brandName="PEZZO"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardRotatedCarousel
|
|
title="Experience Premium Coffee Culture"
|
|
description="Welcome to PEZZO, where every cup tells a story. From single-origin espresso to artisanal brewing methods, discover your next favorite coffee."
|
|
tag="Specialty Coffee"
|
|
tagIcon={Coffee}
|
|
tagAnimation="slide-up"
|
|
buttons={[
|
|
{ text: "Explore Menu", href: "menu" },
|
|
{ text: "Visit Us", href: "contact" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
carouselItems={[
|
|
{
|
|
id: "1", imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-iced-coffee-beverage_23-2149648684.jpg?_wi=1", imageAlt: "premium coffee shop storefront modern design"
|
|
},
|
|
{
|
|
id: "2", imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-coffee-cup-table_23-2148463942.jpg?_wi=1", imageAlt: "premium espresso coffee cup professional photography"
|
|
},
|
|
{
|
|
id: "3", imageSrc: "http://img.b2bpic.net/free-photo/cup-cappuccino-with-cinnamon_658428-67.jpg?_wi=1", imageAlt: "cappuccino latte art foam professional photo"
|
|
},
|
|
{
|
|
id: "4", imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-adult-enjoying-warm-drink_23-2149134394.jpg?_wi=1", imageAlt: "cold brew iced coffee glass aesthetic"
|
|
},
|
|
{
|
|
id: "5", imageSrc: "http://img.b2bpic.net/free-photo/front-view-male-barista-using-professional-coffee-machine-cup_23-2148824392.jpg?_wi=1", imageAlt: "professional barista pouring espresso coffee"
|
|
},
|
|
{
|
|
id: "6", imageSrc: "http://img.b2bpic.net/free-photo/close-up-barista-preparing-drink_23-2148865574.jpg?_wi=1", imageAlt: "coffee shop setup equipment brewing machine"
|
|
}
|
|
]}
|
|
autoPlay={true}
|
|
autoPlayInterval={4000}
|
|
background={{ variant: "plain" }}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MetricSplitMediaAbout
|
|
tag="Our Story"
|
|
tagIcon={Heart}
|
|
tagAnimation="slide-up"
|
|
title="Crafted for Coffee Lovers"
|
|
description="PEZZO was founded on the belief that exceptional coffee brings people together. We source the finest beans from around the world and roast them with precision to create unique flavor profiles. Every cup is a testament to our passion for quality and sustainability."
|
|
metrics={[
|
|
{ value: "15+", title: "Years of Excellence" },
|
|
{ value: "50K+", title: "Happy Customers" }
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/front-view-male-barista-using-professional-coffee-machine-cup_23-2148824392.jpg?_wi=2"
|
|
imageAlt="Expert Barista at Work"
|
|
mediaAnimation="slide-up"
|
|
metricsAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="menu" data-section="menu">
|
|
<ProductCardOne
|
|
title="Featured Menu"
|
|
description="Discover our signature beverages and specialty drinks crafted to perfection"
|
|
tag="Popular Choices"
|
|
tagIcon={Star}
|
|
tagAnimation="slide-up"
|
|
products={[
|
|
{
|
|
id: "1", name: "Classic Espresso", price: "$3.50", imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-coffee-cup-table_23-2148463942.jpg?_wi=2", imageAlt: "Classic Espresso Shot"
|
|
},
|
|
{
|
|
id: "2", name: "Silky Cappuccino", price: "$5.00", imageSrc: "http://img.b2bpic.net/free-photo/cup-cappuccino-with-cinnamon_658428-67.jpg?_wi=2", imageAlt: "Cappuccino with Latte Art"
|
|
},
|
|
{
|
|
id: "3", name: "Cold Brew Delight", price: "$4.75", imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-adult-enjoying-warm-drink_23-2149134394.jpg?_wi=2", imageAlt: "Refreshing Cold Brew"
|
|
}
|
|
]}
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTwelve
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Sarah Johnson", imageSrc: "http://img.b2bpic.net/free-photo/modern-businesswoman_23-2148012909.jpg", imageAlt: "happy customer smiling portrait professional headshot"
|
|
},
|
|
{
|
|
id: "2", name: "Michael Chen", imageSrc: "http://img.b2bpic.net/free-photo/young-female-blazer-beauty-blonde_1139-773.jpg", imageAlt: "professional headshot person smiling confident"
|
|
},
|
|
{
|
|
id: "3", name: "Emily Rodriguez", imageSrc: "http://img.b2bpic.net/free-photo/expressive-lady-posing-studio_344912-2369.jpg", imageAlt: "happy customer portrait professional photography"
|
|
},
|
|
{
|
|
id: "4", name: "David Kim", imageSrc: "http://img.b2bpic.net/free-photo/expressive-woman-posing-outdoor_344912-2911.jpg", imageAlt: "smiling person professional headshot portrait"
|
|
}
|
|
]}
|
|
cardTitle="Over 50,000 coffee lovers trust PEZZO for their daily ritual"
|
|
cardTag="Customer Reviews"
|
|
cardTagIcon={Users}
|
|
cardAnimation="slide-up"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
title="Featured In"
|
|
description="PEZZO has been recognized by leading publications and coffee communities"
|
|
tag="Press & Recognition"
|
|
tagIcon={Award}
|
|
tagAnimation="slide-up"
|
|
names={[
|
|
"Coffee Magazine", "Artisan Brew Co", "Specialty Coffee Review", "Urban Café Journal", "Bean Counter Quarterly", "Espresso Times", "Premium Roasters Guild"
|
|
]}
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
speed={40}
|
|
showCard={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitMedia
|
|
title="Frequently Asked Questions"
|
|
description="Everything you need to know about PEZZO and our coffee"
|
|
tag="Help & Support"
|
|
tagIcon={HelpCircle}
|
|
tagAnimation="slide-up"
|
|
faqs={[
|
|
{
|
|
id: "1", title: "What makes PEZZO coffee special?", content: "We source premium, single-origin beans from sustainable farms worldwide. Our expert roasting process brings out unique flavor profiles in every batch, ensuring consistent quality and taste."
|
|
},
|
|
{
|
|
id: "2", title: "Do you offer decaffeinated options?", content: "Yes, we offer a selection of high-quality decaffeinated beans that maintain the rich flavor and aroma of our regular coffee. All our decaf options are water-processed for maximum taste."
|
|
},
|
|
{
|
|
id: "3", title: "Can I order online for delivery?", content: "Absolutely! We offer online ordering through our website for both pickup and delivery. Most orders are delivered within 24 hours in our service area."
|
|
},
|
|
{
|
|
id: "4", title: "What brewing methods do you recommend?", content: "Our baristas recommend different brewing methods based on the bean origin. For espresso shots, use an espresso machine. For pour-over or French press, we provide detailed brewing instructions with each purchase."
|
|
},
|
|
{
|
|
id: "5", title: "Are your beans ethically sourced?", content: "Yes, sustainability is core to our mission. We work directly with farmers, ensuring fair trade practices and environmentally responsible farming. Every purchase supports ethical coffee production."
|
|
}
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/close-up-barista-preparing-drink_23-2148865574.jpg?_wi=2"
|
|
imageAlt="Professional Coffee Brewing Setup"
|
|
mediaAnimation="slide-up"
|
|
mediaPosition="right"
|
|
faqsAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplitForm
|
|
title="Get In Touch"
|
|
description="Have questions about our coffee or want to discuss a custom order? We'd love to hear from you. Reach out to our team anytime."
|
|
inputs={[
|
|
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
|
{ name: "email", type: "email", placeholder: "Your Email", required: true }
|
|
]}
|
|
textarea={{
|
|
name: "message", placeholder: "Tell us about your coffee preferences or inquiry...", rows: 5,
|
|
required: true
|
|
}}
|
|
useInvertedBackground={false}
|
|
imageSrc="http://img.b2bpic.net/free-photo/still-life-with-iced-coffee-beverage_23-2149648684.jpg?_wi=2"
|
|
imageAlt="PEZZO Coffee Shop"
|
|
mediaAnimation="slide-up"
|
|
mediaPosition="right"
|
|
buttonText="Send Message"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterMedia
|
|
imageSrc="http://img.b2bpic.net/free-photo/still-life-with-iced-coffee-beverage_23-2149648684.jpg?_wi=3"
|
|
imageAlt="PEZZO Coffee Shop"
|
|
columns={[
|
|
{
|
|
title: "Menu", items: [
|
|
{ label: "Espresso", href: "#menu" },
|
|
{ label: "Cappuccino", href: "#menu" },
|
|
{ label: "Cold Brew", href: "#menu" }
|
|
]
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{ label: "About Us", href: "#about" },
|
|
{ label: "Our Story", href: "#about" },
|
|
{ label: "Sustainability", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Connect", items: [
|
|
{ label: "Instagram", href: "https://instagram.com" },
|
|
{ label: "Facebook", href: "https://facebook.com" },
|
|
{ label: "Contact", href: "#contact" }
|
|
]
|
|
}
|
|
]}
|
|
logoText="PEZZO Coffee"
|
|
copyrightText="© 2025 PEZZO Coffee. All rights reserved."
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |