197 lines
11 KiB
TypeScript
197 lines
11 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
|
|
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
|
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
|
|
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
|
import { Sparkles, Zap, Award, Heart, CheckCircle } from 'lucide-react';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="directional-hover"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="pill"
|
|
contentWidth="mediumSmall"
|
|
sizing="medium"
|
|
background="none"
|
|
cardStyle="gradient-mesh"
|
|
primaryButtonStyle="radial-glow"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="medium"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
brandName="FizzBurst"
|
|
navItems={[
|
|
{ name: "Products", id: "products" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Testimonials", id: "testimonials" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
button={{ text: "Order Now", href: "#products" }}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardCarousel
|
|
title="Experience the Fizz"
|
|
description="Discover the refreshing taste of FizzBurst sodas. Bold flavors, vibrant colors, and the perfect refreshment for every moment."
|
|
tag="Premium Beverages"
|
|
tagIcon={Sparkles}
|
|
tagAnimation="slide-up"
|
|
buttons={[
|
|
{ text: "Shop Now", href: "#products" },
|
|
{ text: "Learn More", href: "#about" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
mediaItems={[
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/vertical-closeup-shot-lemons-near-cold-copper-cup-with-blurred-background_181624-1839.jpg", imageAlt: "FizzBurst Original Cola" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/male-female-hands-holding-cocktails-by-pool_1303-28594.jpg", imageAlt: "FizzBurst Lemon Lime" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/futuristic-brightly-colored-soda-can_23-2150995333.jpg", imageAlt: "FizzBurst Berry Blast" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/front-view-clear-water-drops-surface_23-2148635106.jpg", imageAlt: "FizzBurst Grape Supreme" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-fresh-fruit-juice-kumquats-wooden-cutting-board-purple-stripped-towel-whole-cut-lemons-grapefruit-pastel-colors-background_140725-160516.jpg", imageAlt: "FizzBurst Tropical Mango" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/isolated-silver-aluminum-can-white-background_187299-47275.jpg", imageAlt: "FizzBurst Watermelon Green" }
|
|
]}
|
|
background={{ variant: "radial-gradient" }}
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardOne
|
|
title="Our Signature Flavors"
|
|
description="From classic cola to tropical punch, FizzBurst offers a vibrant collection of refreshing sodas for every taste preference."
|
|
tag="Featured Products"
|
|
tagIcon={Zap}
|
|
tagAnimation="slide-up"
|
|
buttons={[
|
|
{ text: "View All Flavors", href: "#" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="scale-rotate"
|
|
products={[
|
|
{ id: "original-cola", name: "Original Cola", price: "$2.99", imageSrc: "http://img.b2bpic.net/free-psd/thank-you-text-template_23-2151977513.jpg?_wi=1", imageAlt: "FizzBurst Original Cola Can" },
|
|
{ id: "tropical-punch", name: "Tropical Punch", price: "$2.99", imageSrc: "http://img.b2bpic.net/free-psd/kombucha-drink-youtube-cover_23-2151284824.jpg?_wi=1", imageAlt: "FizzBurst Tropical Punch Can" },
|
|
{ id: "zero-sugar", name: "Zero Sugar Cola", price: "$3.49", imageSrc: "http://img.b2bpic.net/free-psd/summer-drinks-pure-refreshment-can-banner_23-2148833507.jpg?_wi=1", imageAlt: "FizzBurst Zero Sugar Diet Can" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardMedia
|
|
title="Why Choose FizzBurst"
|
|
description="We craft exceptional sodas with premium ingredients and innovative flavors that deliver satisfaction in every sip."
|
|
tag="Premium Quality"
|
|
tagIcon={Award}
|
|
tagAnimation="slide-up"
|
|
buttons={[
|
|
{ text: "Discover Our Story", href: "#" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
textboxLayout="split"
|
|
useInvertedBackground={true}
|
|
animationType="blur-reveal"
|
|
features={[
|
|
{ id: "natural-ingredients", title: "Natural Ingredients", description: "We use premium natural flavoring and high-quality ingredients sourced responsibly.", tag: "Quality", imageSrc: "http://img.b2bpic.net/free-psd/thank-you-text-template_23-2151977513.jpg?_wi=2", imageAlt: "Natural Ingredients" },
|
|
{ id: "bold-flavors", title: "Bold Flavors", description: "Experience vibrant, unique flavor combinations that set FizzBurst apart from ordinary sodas.", tag: "Innovation", imageSrc: "http://img.b2bpic.net/free-psd/kombucha-drink-youtube-cover_23-2151284824.jpg?_wi=2", imageAlt: "Bold Flavors" },
|
|
{ id: "eco-friendly", title: "Eco-Friendly Packaging", description: "100% recyclable aluminum cans with sustainable practices for a better planet.", tag: "Sustainability", imageSrc: "http://img.b2bpic.net/free-psd/summer-drinks-pure-refreshment-can-banner_23-2148833507.jpg?_wi=2", imageAlt: "Eco-Friendly" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTwo
|
|
title="What Customers Say"
|
|
description="Join thousands of happy FizzBurst fans who've made the switch to premium, flavorful sodas."
|
|
tag="Customer Love"
|
|
tagIcon={Heart}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
animationType="depth-3d"
|
|
testimonials={[
|
|
{ id: "testimonial-1", name: "Sarah Johnson", role: "Customer", testimonial: "FizzBurst has completely changed how I think about soda. The flavors are incredible and the quality is unmatched!", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-natural-pretty-woman-with-curly-hairstyle_285396-4326.jpg", imageAlt: "Sarah Johnson" },
|
|
{ id: "testimonial-2", name: "Michael Chen", role: "Beverage Enthusiast", testimonial: "Finally, a soda brand that takes taste seriously. The tropical punch is my go-to for every occasion.", imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1628.jpg", imageAlt: "Michael Chen" },
|
|
{ id: "testimonial-3", name: "Emily Rodriguez", role: "Health-Conscious Consumer", testimonial: "The zero-sugar options taste amazing without compromising on flavor. Highly recommended for everyone!", imageSrc: "http://img.b2bpic.net/free-photo/indoor-portrait-gorgeous-young-caucasian-female-student-with-perfect-healthy-skin_273609-9035.jpg", imageAlt: "Emily Rodriguez" },
|
|
{ id: "testimonial-4", name: "David Kim", role: "Soda Connoisseur", testimonial: "As a beverage expert, I'm impressed by FizzBurst's commitment to quality and innovation in every can.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-handsome-bearded-african-american-businessman-brown-classic-jacket-isolated-dark-background_613910-6626.jpg", imageAlt: "David Kim" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
names={["RetailCo", "DeliveryPlus", "FoodHub", "FitCenter", "TechStore", "MediaMax", "FashionHub"]}
|
|
logos={[
|
|
"http://img.b2bpic.net/free-vector/hand-drawn-shop-local-template_23-2149581484.jpg", "http://img.b2bpic.net/free-vector/colorful-delivery-labels-with-trucks_23-2147678514.jpg", "http://img.b2bpic.net/free-vector/retro-style-logo-collection_23-2148458750.jpg", "http://img.b2bpic.net/free-vector/flat-design-american-football-logo-template_23-2149361780.jpg", "http://img.b2bpic.net/free-vector/technological-logo-design_1424-39.jpg", "http://img.b2bpic.net/free-vector/news-style-logo-collection_23-2148464167.jpg", "http://img.b2bpic.net/free-vector/abstract-modern-freelance-fashion-model-logo-template_742173-17592.jpg"
|
|
]}
|
|
title="Trusted By Leading Brands"
|
|
description="FizzBurst is the preferred soda choice for premium retailers, restaurants, and venues worldwide."
|
|
tag="Partnerships"
|
|
tagIcon={CheckCircle}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
showCard={true}
|
|
speed={40}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactText
|
|
text="Ready to experience the FizzBurst difference? Get in touch with our team to inquire about wholesale orders, partnerships, or just to share your love for premium sodas. We're here to bring the fizz to your life!"
|
|
animationType="entrance-slide"
|
|
buttons={[
|
|
{ text: "Contact Us", href: "mailto:hello@fizzburst.com" },
|
|
{ text: "Follow Us", href: "https://instagram.com" }
|
|
]}
|
|
background={{ variant: "animated-grid" }}
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseReveal
|
|
columns={[
|
|
{
|
|
title: "Product", items: [
|
|
{ label: "All Flavors", href: "#products" },
|
|
{ label: "Zero Sugar Line", href: "#products" },
|
|
{ label: "New Releases", href: "#products" }
|
|
]
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{ label: "About Us", href: "#about" },
|
|
{ label: "Our Story", href: "#" },
|
|
{ label: "Sustainability", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Support", items: [
|
|
{ label: "Contact", href: "#contact" },
|
|
{ label: "FAQ", href: "#" },
|
|
{ label: "Order Tracking", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Terms of Service", href: "#" },
|
|
{ label: "Cookie Policy", href: "#" }
|
|
]
|
|
}
|
|
]}
|
|
copyrightText="© 2024 FizzBurst. All rights reserved. Bringing the fizz to life, one can at a time."
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |