174 lines
8.3 KiB
TypeScript
174 lines
8.3 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import ReactLenis from "lenis/react";
|
||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
|
||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
|
||
import MediaAbout from '@/components/sections/about/MediaAbout';
|
||
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
||
import { Clock, Coffee, Smile, MapPin, Phone, Mail } from "lucide-react";
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="bounce-effect"
|
||
defaultTextAnimation="background-highlight"
|
||
borderRadius="rounded"
|
||
contentWidth="medium"
|
||
sizing="largeSmall"
|
||
background="none"
|
||
cardStyle="layered-gradient"
|
||
primaryButtonStyle="radial-glow"
|
||
secondaryButtonStyle="radial-glow"
|
||
headingFontWeight="normal"
|
||
>
|
||
<ReactLenis root>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarLayoutFloatingInline
|
||
navItems={[
|
||
{ name: "Home", id: "#hero" },
|
||
{ name: "Menu", id: "#menu" },
|
||
{ name: "About", id: "#about" },
|
||
{ name: "FAQ", id: "#faq" },
|
||
{ name: "Contact", id: "#contact" },
|
||
]}
|
||
brandName="Hot Donuts"
|
||
button={{ text: "Order Now", href: "#contact" }}
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroBillboardGallery
|
||
background={{ variant: "gradient-bars" }}
|
||
title="Fresh, Warm, & Uniquely Yours."
|
||
description="Welcome to Hot Donuts, your neighborhood spot for traditional favorites and bold fusion flavors. Open daily 5:00 AM – 12:00 PM."
|
||
tag="Daily 5AM - 12PM"
|
||
mediaItems={[
|
||
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-donuts-with-coffee-chocolate_23-2148526314.jpg", imageAlt: "Fresh glazed donuts" },
|
||
{ imageSrc: "http://img.b2bpic.net/free-photo/fast-food-restaurant-table_7939-2838.jpg", imageAlt: "Fusion pastries" },
|
||
{ imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-donuts-concept_23-2148761708.jpg", imageAlt: "Bakery interior" },
|
||
]}
|
||
mediaAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="about" data-section="about">
|
||
<MediaAbout
|
||
useInvertedBackground={false}
|
||
title="A Cozy Corner of Happiness"
|
||
description="At Hot Donuts, owners Kelly and Kevin Yi are dedicated to serving more than just donuts. We create a bright, cheerful, and wheelchair-accessible space where everyone is family. Whether it's your first time or you're a regular, expect a smile and maybe an extra treat on the house."
|
||
imageSrc="http://img.b2bpic.net/free-photo/coffee-shop-smiling-korean-barista-female-working-counter-using-tablet-take-orders-cafe_1258-203441.jpg"
|
||
imageAlt="Inside our cozy shop"
|
||
/>
|
||
</div>
|
||
|
||
<div id="menu" data-section="menu">
|
||
<ProductCardOne
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
gridVariant="three-columns-all-equal-width"
|
||
useInvertedBackground={true}
|
||
products={[
|
||
{ id: "1", name: "Bulgogi Kolache", price: "$4.50", imageSrc: "http://img.b2bpic.net/free-photo/grilled-sausages-wrapped-strips-bacon-with-tomatoes-sage-leaves_2829-8318.jpg" },
|
||
{ id: "2", name: "Hangry Dog (Brisket)", price: "$5.00", imageSrc: "http://img.b2bpic.net/free-photo/chocolate-croissants-box-pralines-muffins-piece-wood_114579-4403.jpg" },
|
||
{ id: "3", name: "Strawberry Shortcake Cronut", price: "$4.75", imageSrc: "http://img.b2bpic.net/free-photo/freshly-baked-donut-with-chocolate-icing-sprinkles-generated-by-ai_188544-23747.jpg" },
|
||
]}
|
||
title="Beyond the Ordinary"
|
||
description="Explore our menu of traditional glazed donuts, creative seasonal varieties, and unique fusion creations you won't find anywhere else."
|
||
/>
|
||
</div>
|
||
|
||
<div id="features" data-section="features">
|
||
<FeatureCardSix
|
||
textboxLayout="split"
|
||
useInvertedBackground={false}
|
||
features={[
|
||
{ title: "Fusion Flavors", description: "Authentic Korean BBQ meets Czech tradition in our signature kolaches.", imageSrc: "http://img.b2bpic.net/free-photo/delicious-chicken-rolls-stuffed-with-green-beans-carrots-wrapped-strips-bacon_2829-19752.jpg", imageAlt: "Bulgogi fusion" },
|
||
{ title: "Always Fresh", description: "Baked daily from 5 AM; popular items sell out fast, so come early!", imageSrc: "http://img.b2bpic.net/free-photo/delicious-homemade-blood-orange-glaze-donuts_114579-20590.jpg", imageAlt: "Fresh donuts" },
|
||
]}
|
||
title="Why We're Everyone's Favorite"
|
||
description="We pour heart into everything we do, ensuring every bite is fresh and every visitor feels welcomed."
|
||
/>
|
||
</div>
|
||
|
||
<div id="metrics" data-section="metrics">
|
||
<MetricCardThree
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={true}
|
||
metrics={[
|
||
{ id: "1", icon: Clock, title: "Open Daily", value: "5:00 AM" },
|
||
{ id: "2", icon: Coffee, title: "Variety Items", value: "20+" },
|
||
{ id: "3", icon: Smile, title: "Happy Visitors", value: "1000+" },
|
||
]}
|
||
title="Made With Love"
|
||
description="Our daily stats represent our commitment to fresh quality and our wonderful community."
|
||
/>
|
||
</div>
|
||
|
||
<div id="testimonials" data-section="testimonials">
|
||
<TestimonialCardTen
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
testimonials={[
|
||
{ id: "1", title: "Best in town!", quote: "The bulgogi kolaches are life-changing. Kelly and Kevin are the sweetest owners ever.", name: "Sarah J.", role: "Local Resident" },
|
||
{ id: "2", title: "Always fresh", quote: "I try to get there by 7 AM so I don't miss the Hangry Dogs. Simply the best.", name: "Mark D.", role: "Regular Customer" },
|
||
]}
|
||
title="Community Love"
|
||
description="Hear what our neighbors say about Kelly, Kevin, and our favorite treats."
|
||
/>
|
||
</div>
|
||
|
||
<div id="faq" data-section="faq">
|
||
<FaqSplitMedia
|
||
textboxLayout="default"
|
||
useInvertedBackground={true}
|
||
faqs={[
|
||
{ id: "1", title: "What are your hours?", content: "We are open daily from 5:00 AM until 12:00 PM." },
|
||
{ id: "2", title: "Do you sell out?", content: "Yes, we often sell out of popular items early in the morning!" },
|
||
{ id: "3", title: "Is the shop accessible?", content: "Yes, our shop is wheelchair accessible and very child-friendly." },
|
||
]}
|
||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-baker-wearing-apron_23-2149233711.jpg"
|
||
imageAlt="Bakery FAQs"
|
||
title="Frequently Asked Questions"
|
||
description="Everything you need to know about visiting Hot Donuts."
|
||
faqsAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactSplitForm
|
||
useInvertedBackground={false}
|
||
title="Visit Us Today"
|
||
description="Find us at 8602 Lakeview Pkwy, Ste A. We are open from 5:00 AM to 12:00 PM daily. Reach out with any special orders!"
|
||
inputs={[
|
||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||
{ name: "email", type: "email", placeholder: "Email Address", required: true },
|
||
]}
|
||
textarea={{ name: "message", placeholder: "Questions or special order requests?", rows: 4, required: false }}
|
||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-girls-buys-buns-bakery_1157-24661.jpg"
|
||
imageAlt="Visit our shop"
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterBaseReveal
|
||
logoText="Hot Donuts"
|
||
copyrightText="© 2025 Hot Donuts | 8602 Lakeview Pkwy, Ste A"
|
||
columns={[
|
||
{ title: "Quick Links", items: [{ label: "Home", href: "#hero" }, { label: "Menu", href: "#menu" }] },
|
||
{ title: "Visit Us", items: [{ label: "5:00 AM - 12:00 PM", href: "#" }, { label: "8602 Lakeview Pkwy, Ste A", href: "#" }] }
|
||
]}
|
||
/>
|
||
</div>
|
||
</ReactLenis>
|
||
</ThemeProvider>
|
||
);
|
||
}
|