228 lines
12 KiB
TypeScript
228 lines
12 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import { Cake, Heart, Images, Mail, Sparkles } from "lucide-react";
|
|
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
|
|
import HeroBillboard from "@/components/sections/hero/HeroBillboard";
|
|
import TestimonialAboutCard from "@/components/sections/about/TestimonialAboutCard";
|
|
import ProductCardOne from "@/components/sections/product/ProductCardOne";
|
|
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
|
|
import TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen";
|
|
import ContactCenter from "@/components/sections/contact/ContactCenter";
|
|
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-magnetic"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="pill"
|
|
contentWidth="small"
|
|
sizing="mediumSizeLargeTitles"
|
|
background="noise"
|
|
cardStyle="outline"
|
|
primaryButtonStyle="diagonal-gradient"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="bold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
brandName="Peggy Sue's Cakery"
|
|
navItems={[
|
|
{ name: "Home", id: "home" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Gallery", id: "gallery" },
|
|
{ name: "Testimonials", id: "testimonials" },
|
|
{ name: "Order", id: "order" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
bottomLeftText="Handcrafted with love"
|
|
bottomRightText="hello@peggyssuescakery.com"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboard
|
|
title="Custom Cakes That Taste as Beautiful as They Look"
|
|
description="Handcrafted luxury cakes for your most special moments. From elegant weddings to whimsical birthdays, every creation is a masterpiece designed just for you in Freshwater."
|
|
background={{ variant: "sparkles-gradient" }}
|
|
tag="Artisan Cake Design"
|
|
tagIcon={Sparkles}
|
|
tagAnimation="slide-up"
|
|
buttons={[
|
|
{ text: "Order Your Dream Cake", href: "#order" },
|
|
{ text: "View Gallery", href: "#gallery" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BEOBIPwt8awSaPVKzTQ2s7UIGP/uploaded-1774051316234-k9ochroy.jpg"
|
|
imageAlt="Stunning luxury wedding cake with gold accents and elegant design"
|
|
mediaAnimation="slide-up"
|
|
ariaLabel="Peggy Sue's Cakery hero section featuring custom luxury cakes"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TestimonialAboutCard
|
|
tag="Our Story"
|
|
tagIcon={Heart}
|
|
tagAnimation="slide-up"
|
|
title="Meet Peggy Sue"
|
|
description="With over 15 years of pastry arts experience, Peggy Sue has mastered the art of creating stunning, delicious custom cakes. Every creation reflects her passion for artistry, quality ingredients, and making celebrations unforgettable."
|
|
subdescription="From intimate gatherings to grand celebrations, Peggy Sue brings creativity, precision, and love to every single cake. Your vision becomes her masterpiece."
|
|
icon={Cake}
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BEOBIPwt8awSaPVKzTQ2s7UIGP/uploaded-1774051902495-qjrqumxa.jpg"
|
|
imageAlt="Peggy Sue creating a custom cake in her studio kitchen"
|
|
mediaAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
ariaLabel="About Peggy Sue and her cake artistry"
|
|
/>
|
|
</div>
|
|
|
|
<div id="gallery" data-section="gallery">
|
|
<ProductCardOne
|
|
title="Featured Cake Collection"
|
|
description="A curated selection of our most stunning custom cake designs. Each piece is a testament to artistry, quality, and exceptional taste."
|
|
tag="Gallery"
|
|
tagIcon={Images}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
gridVariant="bento-grid"
|
|
products={[
|
|
{
|
|
id: "cake-1", name: "Perfectly designed cupcakes ", price: "Custom Quote", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BEOBIPwt8awSaPVKzTQ2s7UIGP/uploaded-1774052289278-8i3q33i6.jpg", imageAlt: "Elegant blush pink wedding cake with fresh florals and gold accents"
|
|
},
|
|
{
|
|
id: "cake-2", name: "Custom Birthday cakes ", price: "Custom Quote", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BEOBIPwt8awSaPVKzTQ2s7UIGP/uploaded-1774052402905-995dhcqk.jpg", imageAlt: "Modern white marble wedding cake with sophisticated design"
|
|
},
|
|
{
|
|
id: "cake-3", name: "Soft Celebration", price: "Custom Quote", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BEOBIPwt8awSaPVKzTQ2s7UIGP/uploaded-1774052402904-gtq2dm63.jpg", imageAlt: "Delicate pastel cake with fresh fruit and minimalist decoration"
|
|
},
|
|
{
|
|
id: "cake-4", name: "Personalised designs ", price: "Custom Quote", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BEOBIPwt8awSaPVKzTQ2s7UIGP/uploaded-1774052008862-570cm564.jpg", imageAlt: "Luxury wedding cake with gold accents and intricate details"
|
|
},
|
|
{
|
|
id: "cake-5", name: "Artistic Statement", price: "Custom Quote", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BEOBIPwt8awSaPVKzTQ2s7UIGP/uploaded-1774051316234-k9ochroy.jpg", imageAlt: "Unique custom cake design with artistic hand-painted details"
|
|
}
|
|
]}
|
|
buttons={[
|
|
{ text: "View Full Gallery", href: "#gallery" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
ariaLabel="Peggy Sue's featured cake collection gallery"
|
|
/>
|
|
</div>
|
|
|
|
<div id="socialproof" data-section="socialproof">
|
|
<SocialProofOne
|
|
title="Trusted by Hundreds of Happy Customers"
|
|
description="From intimate celebrations to grand weddings, Peggy Sue's Cakery has created unforgettable dessert experiences for couples, families, and event planners across the region."
|
|
names={[
|
|
"100+ Custom Cakes Created", "4.9★ Average Rating", "500+ Happy Customers", "15+ Years Experience", "Premium Ingredients", "Same-Day Support", "Fully Customizable"
|
|
]}
|
|
tag="Social Proof"
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
showCard={true}
|
|
ariaLabel="Peggy Sue's Cakery social proof and customer trust metrics"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFifteen
|
|
testimonial="Gorgeous and unique cakes and treats! Peggy has a beautiful vision and talent for cake making. Absolutely delicious too! Her attention to detail is impeccable and her creativity knows no bounds. We couldn't recommend her more highly."
|
|
rating={5}
|
|
author="Sarah & Michael"
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/business-woman-posing-street_23-2148213468.jpg", alt: "Sarah, wedding cake customer"
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/beaty-style-fashion-age-concept-waist-up-shot-beautiful-gray-haired-50-year-old-female-posing-indoors-standing-white-brick-wall-adjusting-her-stylish-outfit-going-have-meeting_344912-1847.jpg", alt: "Michael, wedding cake customer"
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/attractive-young-woman-celebrating-new-year-s-eve_23-2148741432.jpg", alt: "Jessica, birthday cake customer"
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/person-expressing-appreciation-their-workmates_23-2149430612.jpg", alt: "Amanda, baby shower cake customer"
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/friendly-looking-positive-afro-american-stylish-man-with-funky-hair-bristle-smiling-broadly_273609-14041.jpg", alt: "Emma, celebration cake customer"
|
|
}
|
|
]}
|
|
ratingAnimation="slide-up"
|
|
avatarsAnimation="slide-up"
|
|
useInvertedBackground={true}
|
|
ariaLabel="Customer testimonial for Peggy Sue's Cakery"
|
|
/>
|
|
</div>
|
|
|
|
<div id="order" data-section="order">
|
|
<ContactCenter
|
|
tag="Order Now"
|
|
tagIcon={Heart}
|
|
tagAnimation="slide-up"
|
|
title="Request Your Dream Cake"
|
|
description="Tell us about your event and vision. We'll work with you to create a custom cake that's as delicious as it is beautiful."
|
|
background={{ variant: "gradient-bars" }}
|
|
useInvertedBackground={false}
|
|
inputPlaceholder="Enter your email to begin"
|
|
buttonText="Start Your Cake Journey"
|
|
termsText="By clicking Start Your Cake Journey, you're confirming that you agree with our Terms and Conditions. We'll send you event customization details and cake design inspiration."
|
|
ariaLabel="Order enquiry form for custom cake requests"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCenter
|
|
tag="Get in Touch"
|
|
tagIcon={Mail}
|
|
tagAnimation="slide-up"
|
|
title="Let's Create Magic Together"
|
|
description="Have questions? Want to discuss a custom cake for your special event? We're here to help bring your dessert dreams to life."
|
|
background={{ variant: "plain" }}
|
|
useInvertedBackground={true}
|
|
inputPlaceholder="hello@peggyssuescakery.com"
|
|
buttonText="Send Message"
|
|
termsText="Questions? Call us at 0411 789 084 or follow us on Instagram @peggyssuescakery"
|
|
ariaLabel="Contact information for Peggy Sue's Cakery"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoEmphasis
|
|
logoText="Peggy Sue's Cakery"
|
|
columns={[
|
|
{
|
|
items: [
|
|
{ label: "Home", href: "#home" },
|
|
{ label: "About Us", href: "#about" },
|
|
{ label: "Gallery", href: "#gallery" },
|
|
{ label: "Order", href: "#order" }
|
|
]
|
|
},
|
|
{
|
|
items: [
|
|
{ label: "Contact", href: "#contact" },
|
|
{ label: "Instagram", href: "https://instagram.com" },
|
|
{ label: "Facebook", href: "https://facebook.com" },
|
|
{ label: "Email", href: "mailto:hello@peggyssuescakery.com" }
|
|
]
|
|
},
|
|
{
|
|
items: [
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Terms & Conditions", href: "#" },
|
|
{ label: "Custom Orders", href: "#order" },
|
|
{ label: "Testimonials", href: "#testimonials" }
|
|
]
|
|
}
|
|
]}
|
|
ariaLabel="Peggy Sue's Cakery footer navigation"
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |