224 lines
12 KiB
TypeScript
224 lines
12 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
|
|
import HeroBillboard from "@/components/sections/hero/HeroBillboard";
|
|
import TextSplitAbout from "@/components/sections/about/TextSplitAbout";
|
|
import ProductCardOne from "@/components/sections/product/ProductCardOne";
|
|
import TestimonialCardFive from "@/components/sections/testimonial/TestimonialCardFive";
|
|
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
|
|
import ContactCTA from "@/components/sections/contact/ContactCTA";
|
|
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
|
|
import { Award, Heart, Mail, Sparkles, Star, Leaf, Crown } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-bubble"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="soft"
|
|
contentWidth="mediumSmall"
|
|
sizing="mediumLargeSizeMediumTitles"
|
|
background="aurora"
|
|
cardStyle="solid"
|
|
primaryButtonStyle="diagonal-gradient"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="normal"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple
|
|
navItems={[
|
|
{ name: "Home", id: "home" },
|
|
{ name: "Collections", id: "collections" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
brandName="SweetNature"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboard
|
|
title="Indulge in Premium Artisanal Sweets"
|
|
description="Handcrafted confections made with the finest natural ingredients. Experience luxury in every bite."
|
|
background={{ variant: "sparkles-gradient" }}
|
|
tag="Gourmet Quality"
|
|
tagIcon={Sparkles}
|
|
tagAnimation="slide-up"
|
|
buttons={[
|
|
{ text: "Shop Collection", href: "#products" },
|
|
{ text: "Learn More", href: "#about" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
imageSrc="http://img.b2bpic.net/free-photo/pieces-chocolate-berry-cakes-served-mirror_1304-4685.jpg"
|
|
imageAlt="artisanal sweets display luxury premium"
|
|
mediaAnimation="blur-reveal"
|
|
marqueeItems={[
|
|
{ type: "text-icon", icon: Star, text: "100% Natural Ingredients" },
|
|
{ type: "text-icon", icon: Leaf, text: "Sustainably Sourced" },
|
|
{ type: "text-icon", icon: Heart, text: "Handcrafted Daily" },
|
|
{ type: "text-icon", icon: Award, text: "Award Winning" }
|
|
]}
|
|
marqueeSpeed={30}
|
|
showMarqueeCard={true}
|
|
ariaLabel="Hero section featuring premium sweets"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextSplitAbout
|
|
title="Crafted with Passion"
|
|
description={[
|
|
"At SweetNature, we believe premium sweets should be made with integrity. Every confection is carefully handcrafted using only the finest natural ingredients, sourced from trusted suppliers who share our commitment to quality.", "Our master confectioners combine traditional techniques with modern innovation to create sweets that are not just delicious, but truly exceptional. We never use artificial flavors, colors, or preservatives—only pure, unadulterated taste.", "For over a decade, we've been dedicated to delivering luxury confectionery experiences that celebrate the art of sweetmaking."
|
|
]}
|
|
buttons={[
|
|
{ text: "Our Story", href: "#" },
|
|
{ text: "Our Values", href: "#" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
showBorder={true}
|
|
useInvertedBackground={false}
|
|
ariaLabel="About our premium sweets brand"
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardOne
|
|
title="Featured Collections"
|
|
description="Explore our most beloved gourmet confections"
|
|
tag="Premium Selection"
|
|
tagIcon={Crown}
|
|
tagAnimation="slide-up"
|
|
buttons={[
|
|
{ text: "View All Products", href: "#" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{
|
|
id: "chocolate-truffle", name: "Dark Chocolate Truffles", price: "$24.99", imageSrc: "http://img.b2bpic.net/free-photo/charcoal-potato-ball_1339-8328.jpg", imageAlt: "luxury chocolate truffles premium assortment"
|
|
},
|
|
{
|
|
id: "caramel-bites", name: "Salted Caramel Bites", price: "$18.99", imageSrc: "http://img.b2bpic.net/free-photo/sprinkles-brown-cupcake-chocolate-white-background_23-2147898271.jpg", imageAlt: "homemade caramel candies gourmet sweets"
|
|
},
|
|
{
|
|
id: "chocolate-bar", name: "Single Origin Chocolate", price: "$12.99", imageSrc: "http://img.b2bpic.net/free-photo/top-view-valentines-day-present-little-biscuits-with-flowers-dark-brown-background-love-color-gift-feeling-marriage-holiday-couple_140725-157902.jpg", imageAlt: "luxury chocolate bars premium packaging"
|
|
}
|
|
]}
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="blur-reveal"
|
|
ariaLabel="Featured sweet products"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFive
|
|
title="Loved by Customers"
|
|
description="See what our valued customers have to say about our premium sweets"
|
|
tag="Customer Reviews"
|
|
tagIcon={Heart}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Sarah Mitchell", date: "March 2024", title: "Absolutely Exquisite", quote: "These are the most delicious sweets I've ever tasted. The quality and attention to detail is simply unmatched. I've become a loyal customer and recommend them to everyone.", tag: "Verified Buyer", avatarSrc: "http://img.b2bpic.net/free-photo/front-view-business-woman-suit_23-2148603018.jpg", avatarAlt: "happy customer portrait professional headshot"
|
|
},
|
|
{
|
|
id: "2", name: "Michael Chen", date: "February 2024", title: "Perfect Gift Every Time", quote: "I've ordered from SweetNature for corporate gifts and personal occasions. The packaging is elegant and the sweets always arrive fresh. Highly recommended!", tag: "Verified Buyer", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-middle-aged-man-with-beard-hairstyle-dressed-elegant-blue-suit-textured-dark-background-studio_613910-19853.jpg", avatarAlt: "professional man portrait business headshot"
|
|
},
|
|
{
|
|
id: "3", name: "Emma Rodriguez", date: "January 2024", title: "Premium Quality Worth It", quote: "Yes, they're a bit more expensive than mass-produced sweets, but the quality justifies every penny. Natural ingredients make a real difference in taste and texture.", tag: "Verified Buyer", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-positive-executive-work_1098-519.jpg", avatarAlt: "professional woman portrait business headshot"
|
|
},
|
|
{
|
|
id: "4", name: "James Wilson", date: "December 2023", title: "Customer Service Excellence", quote: "Not only are the sweets exceptional, but the customer service is outstanding. Fast shipping, beautiful presentation, and genuine care. A company that truly values its customers.", tag: "Verified Buyer", avatarSrc: "http://img.b2bpic.net/free-photo/front-view-lawyer-portrait_23-2151202435.jpg", avatarAlt: "professional male portrait business photo"
|
|
}
|
|
]}
|
|
ariaLabel="Customer testimonials section"
|
|
/>
|
|
</div>
|
|
|
|
<div id="socialproof" data-section="socialproof">
|
|
<SocialProofOne
|
|
title="Trusted by Leading Brands"
|
|
description="Our premium sweets are featured in luxury retailers and gifting platforms worldwide"
|
|
tag="Industry Recognition"
|
|
tagIcon={Award}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
names={[
|
|
"Artisan Collective", "Organic Certified", "Award Winning", "Green Initiative", "Heritage Crafted", "Gourmet Select", "Craft Masters", "Quality Assured"
|
|
]}
|
|
logos={[
|
|
"http://img.b2bpic.net/free-vector/business-card-template-with-abstractshapes_23-2148250817.jpg", "http://img.b2bpic.net/free-vector/vintage-organic-fruit-label-set_23-2148125564.jpg", "http://img.b2bpic.net/free-vector/gradient-golden-luxury-badge-set_23-2149045402.jpg", "http://img.b2bpic.net/free-photo/eco-friendly-recycling-concept_23-2148737656.jpg", "http://img.b2bpic.net/free-vector/ornamental-vintage-logo-with-frame-set_52683-370.jpg", "http://img.b2bpic.net/free-vector/retro-restaurant-logo-set_23-2148378305.jpg", "http://img.b2bpic.net/free-vector/company-stationery-set-design-abstrato_23-2147573466.jpg", "http://img.b2bpic.net/free-vector/muted-color-palette-logo-design_23-2150043114.jpg"
|
|
]}
|
|
speed={40}
|
|
showCard={true}
|
|
ariaLabel="Social proof and partnerships"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCTA
|
|
tag="Get in Touch"
|
|
tagIcon={Mail}
|
|
tagAnimation="slide-up"
|
|
title="Ready to Indulge?"
|
|
description="Have questions about our premium sweets? Want a custom order for a special occasion? We'd love to hear from you. Reach out today!"
|
|
buttons={[
|
|
{ text: "Contact Us", href: "mailto:hello@sweetnature.com" },
|
|
{ text: "Shop Now", href: "#" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
background={{ variant: "radial-gradient" }}
|
|
useInvertedBackground={false}
|
|
ariaLabel="Contact and call-to-action section"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseReveal
|
|
columns={[
|
|
{
|
|
title: "Shop", items: [
|
|
{ label: "All Products", href: "#products" },
|
|
{ label: "Collections", href: "#" },
|
|
{ label: "Gift Sets", href: "#" },
|
|
{ label: "Custom Orders", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{ label: "About Us", href: "#about" },
|
|
{ label: "Our Story", href: "#" },
|
|
{ label: "Values", href: "#" },
|
|
{ label: "Sustainability", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Support", items: [
|
|
{ label: "Contact", href: "#contact" },
|
|
{ label: "FAQ", href: "#" },
|
|
{ label: "Shipping Info", href: "#" },
|
|
{ label: "Returns", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Terms of Service", href: "#" },
|
|
{ label: "Cookie Policy", href: "#" },
|
|
{ label: "Accessibility", href: "#" }
|
|
]
|
|
}
|
|
]}
|
|
copyrightText="© 2024 SweetNature. All rights reserved. Handcrafted with love."
|
|
ariaLabel="Footer section"
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|