Merge version_1 into main #1
444
src/app/page.tsx
444
src/app/page.tsx
@@ -17,306 +17,172 @@ import { Award, Clock, Coffee, Wheat } from "lucide-react";
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="icon-arrow"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="large"
|
||||
background="noiseDiagonalGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="light"
|
||||
defaultButtonVariant="icon-arrow"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="large"
|
||||
background="noiseDiagonalGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="light"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Sweet Katie Bee's"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Menu", id: "products" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Sweet Katie Bee's"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
title="Artisanal Baking, Crafted with Love"
|
||||
description="Sweet Katie Bee’s is your neighborhood spot for fresh breads, delicate pastries, and a warm, inviting cup of coffee. Experience the tradition of artisanal baking every day."
|
||||
carouselItems={[
|
||||
{
|
||||
id: "slide1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hot-latte-art-coffee-cup-wood-table-coffee-shop_1150-8937.jpg",
|
||||
imageAlt: "Bakery display",
|
||||
},
|
||||
{
|
||||
id: "slide2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pink-candy-bar-served-with-delicious-chocolate-cream-sweets_8353-7353.jpg",
|
||||
imageAlt: "Cafe interior",
|
||||
},
|
||||
{
|
||||
id: "slide3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-cup-hot-drink-home-decor-details_169016-9647.jpg",
|
||||
imageAlt: "Croissants",
|
||||
},
|
||||
{
|
||||
id: "slide4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wicker-basket-with-bread-spike-millet_140725-3047.jpg",
|
||||
imageAlt: "Cakes",
|
||||
},
|
||||
{
|
||||
id: "slide5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-table-chair_74190-3583.jpg",
|
||||
imageAlt: "Dough",
|
||||
},
|
||||
{
|
||||
id: "slide6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/large-loaves-bread-counter-bakery_169016-19951.jpg",
|
||||
imageAlt: "Coffee",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{ variant: "plain" }}
|
||||
title="Artisanal Baking, Crafted with Love"
|
||||
description="Sweet Katie Bee’s is your neighborhood spot for fresh breads, delicate pastries, and a warm, inviting cup of coffee. Experience the tradition of artisanal baking every day."
|
||||
carouselItems={[
|
||||
{ id: "slide1", imageSrc: "http://img.b2bpic.net/free-photo/hot-latte-art-coffee-cup-wood-table-coffee-shop_1150-8937.jpg", imageAlt: "Bakery display" },
|
||||
{ id: "slide2", imageSrc: "http://img.b2bpic.net/free-photo/pink-candy-bar-served-with-delicious-chocolate-cream-sweets_8353-7353.jpg", imageAlt: "Cafe interior" },
|
||||
{ id: "slide3", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-cup-hot-drink-home-decor-details_169016-9647.jpg", imageAlt: "Croissants" },
|
||||
{ id: "slide4", imageSrc: "http://img.b2bpic.net/free-photo/wicker-basket-with-bread-spike-millet_140725-3047.jpg", imageAlt: "Cakes" },
|
||||
{ id: "slide5", imageSrc: "http://img.b2bpic.net/free-photo/empty-table-chair_74190-3583.jpg", imageAlt: "Dough" },
|
||||
{ id: "slide6", imageSrc: "http://img.b2bpic.net/free-photo/large-loaves-bread-counter-bakery_169016-19951.jpg", imageAlt: "Coffee" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={false}
|
||||
tag="Our Story"
|
||||
title="Welcome to Sweet Katie Bee's"
|
||||
description="Started in the heart of our community, we believe that simple, quality ingredients make for the best moments."
|
||||
subdescription="Our bakery is dedicated to sustainable practices and traditional techniques passed down through generations."
|
||||
icon={Coffee}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/female-baker-taking-notes-while-pastry-shop_23-2150379560.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={false}
|
||||
tag="Our Story"
|
||||
title="Welcome to Sweet Katie Bee's"
|
||||
description="Started in the heart of our community, we believe that simple, quality ingredients make for the best moments."
|
||||
subdescription="Our bakery is dedicated to sustainable practices and traditional techniques passed down through generations."
|
||||
icon={Coffee}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/female-baker-taking-notes-while-pastry-shop_23-2150379560.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureBorderGlow
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
icon: Wheat,
|
||||
title: "Organic Ingredients",
|
||||
description: "We source only the finest local grains.",
|
||||
},
|
||||
{
|
||||
icon: Clock,
|
||||
title: "Fresh Daily",
|
||||
description: "Baked every morning before the sun rises.",
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
title: "Artisanal Craft",
|
||||
description: "Master-level techniques in every bite.",
|
||||
},
|
||||
]}
|
||||
title="Why Choose Us"
|
||||
description="We take pride in every recipe that leaves our kitchen."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureBorderGlow
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ icon: Wheat, title: "Organic Ingredients", description: "We source only the finest local grains." },
|
||||
{ icon: Clock, title: "Fresh Daily", description: "Baked every morning before the sun rises." },
|
||||
{ icon: Award, title: "Artisanal Craft", description: "Master-level techniques in every bite." },
|
||||
]}
|
||||
title="Why Choose Us"
|
||||
description="We take pride in every recipe that leaves our kitchen."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Buttery Croissant",
|
||||
price: "$3.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-cookies-wooden-board_23-2148431174.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Double Choco Muffin",
|
||||
price: "$4.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-view-delicious-baked-muffins_23-2148258720.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Sourdough Loaf",
|
||||
price: "$7.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fresh-bread-shopping-bag-wooden-background_169016-20843.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Fruit Tart",
|
||||
price: "$5.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/homemade-delicious-rustic-summer-berry-tartles_114579-13613.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Cinnamon Roll",
|
||||
price: "$4.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sweet-round-french-buns-with-raisins_114579-12603.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Macaron Assortment",
|
||||
price: "$12.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/macaroon_74190-2920.jpg",
|
||||
},
|
||||
]}
|
||||
title="Our Signature Creations"
|
||||
description="Freshly baked delights for every occasion."
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", name: "Buttery Croissant", price: "$3.50", imageSrc: "http://img.b2bpic.net/free-photo/close-up-cookies-wooden-board_23-2148431174.jpg" },
|
||||
{ id: "p2", name: "Double Choco Muffin", price: "$4.00", imageSrc: "http://img.b2bpic.net/free-photo/high-view-delicious-baked-muffins_23-2148258720.jpg" },
|
||||
{ id: "p3", name: "Sourdough Loaf", price: "$7.00", imageSrc: "http://img.b2bpic.net/free-photo/fresh-bread-shopping-bag-wooden-background_169016-20843.jpg" },
|
||||
{ id: "p4", name: "Fruit Tart", price: "$5.00", imageSrc: "http://img.b2bpic.net/free-photo/homemade-delicious-rustic-summer-berry-tartles_114579-13613.jpg" },
|
||||
{ id: "p5", name: "Cinnamon Roll", price: "$4.50", imageSrc: "http://img.b2bpic.net/free-photo/sweet-round-french-buns-with-raisins_114579-12603.jpg" },
|
||||
{ id: "p6", name: "Macaron Assortment", price: "$12.00", imageSrc: "http://img.b2bpic.net/free-photo/macaroon_74190-2920.jpg" },
|
||||
]}
|
||||
title="Our Signature Creations"
|
||||
description="Freshly baked delights for every occasion."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "50k+",
|
||||
description: "Croissants Served",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "12",
|
||||
description: "Local Suppliers",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "10",
|
||||
description: "Years Baking",
|
||||
},
|
||||
]}
|
||||
title="Serving Smiles"
|
||||
description="Our journey by the numbers."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "m1", value: "50k+", description: "Croissants Served" },
|
||||
{ id: "m2", value: "12", description: "Local Suppliers" },
|
||||
{ id: "m3", value: "10", description: "Years Baking" },
|
||||
]}
|
||||
title="Serving Smiles"
|
||||
description="Our journey by the numbers."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={false}
|
||||
testimonial="The best bakery in town, consistently fresh and friendly service!"
|
||||
rating={5}
|
||||
author="Sarah M."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/carefree-optimistic-woman-has-fun-while-brushing-teeth-holds-electric-toothbrush-near-mouth-as-if-microphone-sings-favorite-song-carries-ladies-bag-dressed-stylish-clothes-isolated-pink-wall_273609-60909.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/leisure-lifestyle-people-concept-portrait-young-cheerful-guy-drinking-coffee-takeaway-from-fa_1258-109338.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-young-redhead-woman-gesturing_273609-48433.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pleased-young-gardener-woman-with-short-hair-apron-hat-holding-pumpkin_141793-47095.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13338.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={false}
|
||||
testimonial="The best bakery in town, consistently fresh and friendly service!"
|
||||
rating={5}
|
||||
author="Sarah M."
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/carefree-optimistic-woman-has-fun-while-brushing-teeth-holds-electric-toothbrush-near-mouth-as-if-microphone-sings-favorite-song-carries-ladies-bag-dressed-stylish-clothes-isolated-pink-wall_273609-60909.jpg", alt: "Customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/leisure-lifestyle-people-concept-portrait-young-cheerful-guy-drinking-coffee-takeaway-from-fa_1258-109338.jpg", alt: "Customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-young-redhead-woman-gesturing_273609-48433.jpg", alt: "Customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/pleased-young-gardener-woman-with-short-hair-apron-hat-holding-pumpkin_141793-47095.jpg", alt: "Customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13338.jpg", alt: "Customer 5" },
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you offer catering?",
|
||||
content: "Yes, we specialize in corporate and event catering.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Are your ingredients organic?",
|
||||
content: "We prioritize locally sourced and organic ingredients.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Can I pre-order online?",
|
||||
content: "Online pre-ordering is available via our website.",
|
||||
},
|
||||
]}
|
||||
sideTitle="Questions?"
|
||||
sideDescription="Everything you need to know about our shop."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "f1", title: "Do you offer catering?", content: "Yes, we specialize in corporate and event catering." },
|
||||
{ id: "f2", title: "Are your ingredients organic?", content: "We prioritize locally sourced and organic ingredients." },
|
||||
{ id: "f3", title: "Can I pre-order online?", content: "Online pre-ordering is available via our website." },
|
||||
]}
|
||||
sideTitle="Questions?"
|
||||
sideDescription="Everything you need to know about our shop."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
title="Visit Us Today"
|
||||
description="Drop by our cafe for fresh treats and coffee."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/milk-bottle-food-bag-arrangement_23-2148773371.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
tag="Contact"
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
title="Visit Us Today"
|
||||
description="Drop by our cafe for fresh treats and coffee."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/milk-bottle-food-bag-arrangement_23-2148773371.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Sweet Katie Bee's"
|
||||
columns={[
|
||||
{
|
||||
title: "Bakery",
|
||||
items: [
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{
|
||||
label: "Location",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Email",
|
||||
href: "mailto:hello@sweetkatiebee.com",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Sweet Katie Bee's"
|
||||
columns={[
|
||||
{
|
||||
title: "Bakery", items: [
|
||||
{ label: "Menu", href: "#products" },
|
||||
{ label: "About", href: "#about" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact", items: [
|
||||
{ label: "Location", href: "#contact" },
|
||||
{ label: "Email", href: "mailto:hello@sweetkatiebee.com" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user