212 lines
8.3 KiB
TypeScript
212 lines
8.3 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
|
|
import HeroBillboardRotatedCarousel from "@/components/sections/hero/HeroBillboardRotatedCarousel";
|
|
import TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen";
|
|
import ProductCardOne from "@/components/sections/product/ProductCardOne";
|
|
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
|
|
import ContactCenter from "@/components/sections/contact/ContactCenter";
|
|
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
|
|
import Link from "next/link";
|
|
import { Heart } from "lucide-react";
|
|
|
|
export default function HomePage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="icon-arrow"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="rounded"
|
|
contentWidth="mediumLarge"
|
|
sizing="largeSizeMediumTitles"
|
|
background="fluid"
|
|
cardStyle="soft-shadow"
|
|
primaryButtonStyle="diagonal-gradient"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
brandName="Guatelinda Bakery"
|
|
navItems={[
|
|
{ name: "Home", id: "/" },
|
|
{ name: "Menu", id: "/menu" },
|
|
{ name: "About", id: "/about" },
|
|
{ name: "Reviews", id: "/reviews" },
|
|
]}
|
|
button={{
|
|
text: "Contact Us",
|
|
href: "/contact",
|
|
}}
|
|
animateOnLoad={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardRotatedCarousel
|
|
title="Fresh Bread, Authentic Flavor, Made with Love"
|
|
description="Welcome to Guatelinda Bakery, a local favorite in Sioux Falls. We've been baking fresh bread, pastries, and grilled sandwiches with passion and care for our community. Every item is made with the finest ingredients and a whole lot of heart."
|
|
tag="Family-Owned Since 2010"
|
|
tagIcon={Heart}
|
|
background={{ variant: "plain" }}
|
|
buttons={[
|
|
{
|
|
text: "Visit Us",
|
|
href: "/contact",
|
|
},
|
|
{
|
|
text: "Order Takeout",
|
|
href: "/menu",
|
|
},
|
|
]}
|
|
carouselItems={[
|
|
{
|
|
id: "1",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/top-view-cut-sliced-sandwich-bread-bread-slice-with-butter-it-knife-cutting-board-wooden-background_141793-5910.jpg?_wi=1",
|
|
imageAlt: "Fresh artisan bread",
|
|
},
|
|
{
|
|
id: "2",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-working-bakery_23-2150273161.jpg?_wi=1",
|
|
imageAlt: "Fresh pastries",
|
|
},
|
|
{
|
|
id: "3",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/vertical-closeup-shot-delicious-sandwiches-white-plate-marble-table_181624-32275.jpg?_wi=1",
|
|
imageAlt: "Grilled sandwich",
|
|
},
|
|
{
|
|
id: "4",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/delicious-breakfast-valentine-s-day_23-2148378477.jpg?_wi=1",
|
|
imageAlt: "Golden croissant",
|
|
},
|
|
{
|
|
id: "5",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/wooden-board-with-plate-cookies-marble-background-high-quality-photo_114579-53236.jpg?_wi=1",
|
|
imageAlt: "Fresh baked cookies",
|
|
},
|
|
{
|
|
id: "6",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/top-view-cut-sliced-sandwich-bread-bread-slice-with-butter-it-knife-cutting-board-wooden-background_141793-5910.jpg?_wi=2",
|
|
imageAlt: "Fresh bread loaves",
|
|
},
|
|
]}
|
|
autoPlay={true}
|
|
autoPlayInterval={4000}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFifteen
|
|
testimonial="They were so kind and helpful! The food was also delicious! I've visited Guatelinda Bakery three times now and every visit is better than the last. The staff truly cares about their customers and it shows in the quality of everything they bake."
|
|
rating={5}
|
|
author="Sarah Miller, Local Customer"
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/closeup-shot-handsome-male-smiling_181624-41237.jpg",
|
|
alt: "Sarah Miller",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/happy-bearded-man-busines-clothes-with-crossed-arms-looking-camera-gray_171337-11335.jpg",
|
|
alt: "John Davis",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-outside_23-2149042107.jpg",
|
|
alt: "Maria Rodriguez",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/beautiful-sincere-happy-girl-smiling-laughing_176420-9693.jpg",
|
|
alt: "Michael Chen",
|
|
},
|
|
]}
|
|
ratingAnimation="slide-up"
|
|
avatarsAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="featured-products" data-section="featured-products">
|
|
<ProductCardOne
|
|
title="Featured Items"
|
|
description="Discover our most popular fresh-baked items loved by our community"
|
|
tag="Customer Favorites"
|
|
products={[
|
|
{
|
|
id: "1",
|
|
name: "Artisan Sourdough Bread",
|
|
price: "$5.99",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/top-view-cut-sliced-sandwich-bread-bread-slice-with-butter-it-knife-cutting-board-wooden-background_141793-5910.jpg?_wi=3",
|
|
imageAlt: "Fresh artisan sourdough bread",
|
|
},
|
|
{
|
|
id: "2",
|
|
name: "Golden Croissant",
|
|
price: "$4.49",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/delicious-breakfast-valentine-s-day_23-2148378477.jpg?_wi=2",
|
|
imageAlt: "Butter croissant",
|
|
},
|
|
{
|
|
id: "3",
|
|
name: "Grilled Sandwich",
|
|
price: "$9.99",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/vertical-closeup-shot-delicious-sandwiches-white-plate-marble-table_181624-32275.jpg?_wi=2",
|
|
imageAlt: "Fresh grilled sandwich",
|
|
},
|
|
]}
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
title="Trusted by Sioux Falls"
|
|
description="Join hundreds of satisfied customers who visit us regularly for authentic, fresh-baked goodness"
|
|
tag="Community Favorite"
|
|
names={[
|
|
"The Breakfast Club",
|
|
"Downtown Coffee Lovers",
|
|
"Local Food Enthusiasts",
|
|
"Family Gatherings",
|
|
"Office Catering Orders",
|
|
"Weekend Shoppers",
|
|
"Wedding Cake Custom Orders",
|
|
]}
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
speed={40}
|
|
showCard={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact-newsletter" data-section="contact-newsletter">
|
|
<ContactCenter
|
|
tag="Stay Connected"
|
|
title="Get Fresh Bakes Delivered to Your Inbox"
|
|
description="Subscribe to our newsletter for weekly specials, new menu items, and exclusive bakery updates straight from Guatelinda Bakery in Sioux Falls."
|
|
background={{ variant: "rotated-rays-static-grid" }}
|
|
useInvertedBackground={false}
|
|
inputPlaceholder="Your email address"
|
|
buttonText="Subscribe"
|
|
termsText="We respect your privacy. Unsubscribe anytime. No spam, just fresh bakes!"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoReveal
|
|
logoText="Guatelinda"
|
|
leftLink={{
|
|
text: "Privacy Policy",
|
|
href: "#",
|
|
}}
|
|
rightLink={{
|
|
text: "Terms of Service",
|
|
href: "#",
|
|
}}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |