262 lines
12 KiB
TypeScript
262 lines
12 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
|
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
|
|
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
|
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
|
|
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
|
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
|
|
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
|
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="bounce-effect"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="pill"
|
|
contentWidth="mediumLarge"
|
|
sizing="largeSmall"
|
|
background="noiseDiagonalGradient"
|
|
cardStyle="solid"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="bold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "hero"},
|
|
{
|
|
name: "About", id: "about"},
|
|
{
|
|
name: "Cakes", id: "cakes"},
|
|
{
|
|
name: "Gallery", id: "gallery"},
|
|
{
|
|
name: "Contact", id: "contact"},
|
|
]}
|
|
brandName="Dadoo Bakers"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitTestimonial
|
|
background={{
|
|
variant: "gradient-bars"}}
|
|
title="Sweet Creations from Dadoo Bakers"
|
|
description="Experience the warmth and flavor of our handcrafted cakes and pastries. Made with love for your special moments."
|
|
testimonials={[
|
|
{
|
|
name: "Elena R.", handle: "@elena_sweets", testimonial: "Best birthday cake ever!", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/top-view-cake-with-pastry-cream-plate-purple-shawl-fork-notepad-pencil-female-hand_140725-99925.jpg"},
|
|
{
|
|
name: "Mark S.", handle: "@mark_eats", testimonial: "Fresh and absolutely delicious.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/homemade-cheese-cake_169016-1935.jpg"},
|
|
{
|
|
name: "Sarah J.", handle: "@sarah_cakes", testimonial: "My go-to place for all events.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/top-view-cake-with-pastry-cream-plate-female-hand-chocolate-bowl-fork-dinner-knife-notebook_140725-99911.jpg"},
|
|
{
|
|
name: "David L.", handle: "@david_bakery", testimonial: "Incredible quality every single time.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/view-baked-muffins-done-by-vegan-bakery_23-2150195074.jpg"},
|
|
{
|
|
name: "Chloe B.", handle: "@chloe_treats", testimonial: "The pastries are pure perfection.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-lady-posing-while-sitting-near-cupcake_171337-14477.jpg"},
|
|
]}
|
|
buttons={[
|
|
{
|
|
text: "Order Your Custom Cake", href: "https://wa.me/yournumber"},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/cupcake-still-life_23-2148097755.jpg"
|
|
mediaAnimation="slide-up"
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/top-view-round-delicious-pie-with-fresh-red-strawberries-cakes-waffles-light-blue-surface_140725-66649.jpg", alt: "User avatar"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/front-view-little-sweet-pastries-tea-light-table-sweet-pie-pastry-cake_140725-72997.jpg", alt: "User avatar"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/chocolate-cookies-cake-slices-wooden-board_114579-17174.jpg", alt: "User avatar"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/multi-colored-candy-store-offers-sweet-indulgence-generated-by-ai_188544-22764.jpg", alt: "User avatar"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/woman-holding-bagel-dark-table-with-various-bread_114579-22471.jpg", alt: "User avatar"},
|
|
]}
|
|
marqueeItems={[
|
|
{
|
|
type: "text", text: "Artisan Quality"},
|
|
{
|
|
type: "text", text: "Fresh Daily"},
|
|
{
|
|
type: "text", text: "100% Natural"},
|
|
{
|
|
type: "text", text: "Handcrafted"},
|
|
{
|
|
type: "text", text: "Order Online"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MetricSplitMediaAbout
|
|
useInvertedBackground={false}
|
|
title="About Our Bakery"
|
|
description="We believe in bringing happiness through quality confectionery. Every recipe is a legacy of taste."
|
|
metrics={[
|
|
{
|
|
value: "15+", title: "Years Experience"},
|
|
{
|
|
value: "100+", title: "Unique Recipes"},
|
|
{
|
|
value: "5k+", title: "Happy Clients"},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/christmas-wreath-fir-tree-branches-vases-cups-all-around-modern-kitchen-modern-kitchen-with-black-fridge-decorated-christmas-new-year_132075-11267.jpg"
|
|
mediaAnimation="blur-reveal"
|
|
metricsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="cakes" data-section="cakes">
|
|
<ProductCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={true}
|
|
products={[
|
|
{
|
|
id: "c1", brand: "Bakery", name: "Choco Fudge", price: "$25", rating: 5,
|
|
reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/sliced-round-cake-with-coffee-cream-chocolate-pieces_140725-5068.jpg"},
|
|
{
|
|
id: "c2", brand: "Bakery", name: "Berry Bliss", price: "$30", rating: 5,
|
|
reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-vertical-closeup-shot-raw-vegan-pancakes-with-honey-berries_181624-33292.jpg"},
|
|
{
|
|
id: "c3", brand: "Bakery", name: "Royal Wedding", price: "$80", rating: 5,
|
|
reviewCount: "5", imageSrc: "http://img.b2bpic.net/free-photo/3d-design-delicious-wedding-cake_23-2151109605.jpg"},
|
|
{
|
|
id: "c4", brand: "Bakery", name: "Macaron Tower", price: "$45", rating: 4,
|
|
reviewCount: "20", imageSrc: "http://img.b2bpic.net/free-photo/front-view-female-cook-rolling-out-dough-dark-pastry-job-raw-dough-hotcake-pie-oven_179666-43936.jpg"},
|
|
{
|
|
id: "c5", brand: "Bakery", name: "Classic Croissant", price: "$5", rating: 5,
|
|
reviewCount: "50", imageSrc: "http://img.b2bpic.net/free-photo/croissant-basket-with-honey-dipper-tea-top-view-wooden-table_176474-8131.jpg"},
|
|
{
|
|
id: "c6", brand: "Bakery", name: "Cookie Box", price: "$15", rating: 5,
|
|
reviewCount: "30", imageSrc: "http://img.b2bpic.net/free-photo/top-view-little-creamy-cake-with-fresh-red-fruits-cookies-purple-surface-cookie-cake-sweet-fruit_140725-27732.jpg"},
|
|
]}
|
|
title="Our Signature Cakes"
|
|
description="Handcrafted masterpieces for every celebration."
|
|
/>
|
|
</div>
|
|
|
|
<div id="gallery" data-section="gallery">
|
|
<FeatureCardSeven
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
title: "Custom Orders", description: "Tailor-made cakes for your special day.", imageSrc: "http://img.b2bpic.net/free-photo/wedding-table-desserts_1303-10517.jpg"},
|
|
{
|
|
title: "Daily Pastries", description: "Freshly baked delights every morning.", imageSrc: "http://img.b2bpic.net/free-photo/croissant-coffee-food-photography_53876-104492.jpg"},
|
|
{
|
|
title: "Premium Confectionery", description: "High-quality ingredients, pure taste.", imageSrc: "http://img.b2bpic.net/free-photo/delicious-chocolate-cake-with-lily_23-2148761721.jpg"},
|
|
]}
|
|
title="Pastry Gallery"
|
|
description="A glimpse into our delicious world."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTwelve
|
|
useInvertedBackground={true}
|
|
testimonials={[
|
|
{
|
|
id: "t1", name: "Anna P.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-creamy-cake-decorated-with-fruits-notebooks-ice-background_140725-94708.jpg"},
|
|
{
|
|
id: "t2", name: "John D.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-indian-woman-loving-dessert_1262-5797.jpg"},
|
|
{
|
|
id: "t3", name: "Lisa K.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-working-bakery_23-2150273175.jpg"},
|
|
{
|
|
id: "t4", name: "Sam B.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-cake-with-pastry-cream-plate-purple-shawl-berries-chocolate-bowls-tied-cookies-female-hand-white-table_140725-99918.jpg"},
|
|
{
|
|
id: "t5", name: "Kate M.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-yummy-chocolate-cakes-with-macarons-waffles-pink_140725-78363.jpg"},
|
|
]}
|
|
cardTitle="What Customers Say"
|
|
cardTag="Reviews"
|
|
cardAnimation="blur-reveal"
|
|
/>
|
|
</div>
|
|
|
|
<div id="pricing" data-section="pricing">
|
|
<PricingCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
plans={[
|
|
{
|
|
id: "b1", badge: "Silver", price: "$50", subtitle: "For small gatherings", buttons: [
|
|
{
|
|
text: "WhatsApp Order", href: "#"},
|
|
],
|
|
features: [
|
|
"1 Cake", "12 Cupcakes"],
|
|
},
|
|
{
|
|
id: "b2", badge: "Gold", price: "$120", subtitle: "For big celebrations", buttons: [
|
|
{
|
|
text: "WhatsApp Order", href: "#"},
|
|
],
|
|
features: [
|
|
"2 Tier Cake", "24 Cupcakes"],
|
|
},
|
|
]}
|
|
title="Custom Order Packages"
|
|
description="Packages for special events."
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCTA
|
|
useInvertedBackground={true}
|
|
background={{
|
|
variant: "radial-gradient"}}
|
|
tag="Get in Touch"
|
|
title="Ready to place an order?"
|
|
description="Send us a message on WhatsApp and our team will get back to you shortly."
|
|
buttons={[
|
|
{
|
|
text: "Chat on WhatsApp", href: "https://wa.me/yournumber"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoEmphasis
|
|
columns={[
|
|
{
|
|
items: [
|
|
{
|
|
label: "Home", href: "#hero"},
|
|
{
|
|
label: "About", href: "#about"},
|
|
],
|
|
},
|
|
{
|
|
items: [
|
|
{
|
|
label: "Privacy", href: "#"},
|
|
{
|
|
label: "Terms", href: "#"},
|
|
],
|
|
},
|
|
]}
|
|
logoText="Dadoo Bakers"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |