320 lines
18 KiB
TypeScript
320 lines
18 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
|
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
|
|
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
|
import HeroSplit from '@/components/sections/hero/HeroSplit';
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
|
|
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
|
import SplitAbout from '@/components/sections/about/SplitAbout';
|
|
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
|
import { Cake, Feather, Heart, Leaf, Palette, Sparkles, Star, Truck, Wheat } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="bounce-effect"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="pill"
|
|
contentWidth="mediumLarge"
|
|
sizing="mediumLargeSizeLargeTitles"
|
|
background="noise"
|
|
cardStyle="gradient-radial"
|
|
primaryButtonStyle="double-inset"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="light"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "#home"},
|
|
{
|
|
name: "About Us", id: "#about"},
|
|
{
|
|
name: "Our Cakes", id: "#products"},
|
|
{
|
|
name: "Testimonials", id: "#testimonials"},
|
|
{
|
|
name: "Contact", id: "#contact"},
|
|
]}
|
|
brandName="EL ALAMI CAKE"
|
|
button={{
|
|
text: "Order Now", href: "#contact"}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="home" data-section="home">
|
|
<HeroSplit
|
|
background={{
|
|
variant: "radial-gradient"}}
|
|
imagePosition="right"
|
|
title="EL ALAMI CAKE: Crafting Sweet Moments"
|
|
description="Indulge in our exquisite collection of handcrafted cakes, from charming small treats to magnificent birthday masterpieces. Every bite is a celebration."
|
|
buttons={[
|
|
{
|
|
text: "Explore Our Cakes", href: "#products"},
|
|
{
|
|
text: "Order Your Custom Cake", href: "#contact"},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/overhead-view-woman-inserting-spoon-ice-cream-sandwich-plate-table_23-2148161744.jpg"
|
|
imageAlt="Beautifully decorated birthday cake with delicate frosting"
|
|
mediaAnimation="slide-up"
|
|
fixedMediaHeight={true}
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/beautiful-caucasian-smiling-hipster-brunette-woman-model-bright-shinny-reflecting-summer-stylish-jacket-green-dress-isolated-eating-french-macaroon_158538-12419.jpg", alt: "Smiling customer"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-africanamerican-girl-celebrating-birthday-smiling-looking-happy-holdin_1258-137588.jpg", alt: "Satisfied client"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/portrait-rejoicing-woman-eats-tasty-croissant-home-unhealthy-food-concept_1153-8292.jpg", alt: "Happy patron"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/pleased-middle-aged-male-cook-chef-uniform-showing-cake-plate-his-hand-isolated-white-wall-with-copy-space_141793-36931.jpg", alt: "Reviewer"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/smiling-girl-with-birthday-cake_23-2148155294.jpg", alt: "Gourmet enthusiast"},
|
|
]}
|
|
avatarText="Join thousands of happy customers!"
|
|
marqueeItems={[
|
|
{
|
|
type: "text-icon", text: "Freshly Baked Daily", icon: Feather,
|
|
},
|
|
{
|
|
type: "text-icon", text: "Custom Designs", icon: Palette,
|
|
},
|
|
{
|
|
type: "text-icon", text: "Premium Ingredients", icon: Wheat,
|
|
},
|
|
{
|
|
type: "text-icon", text: "Delivered with Care", icon: Truck,
|
|
},
|
|
{
|
|
type: "text-icon", text: "Sweet Moments", icon: Heart,
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<SplitAbout
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
title="Our Passion for Perfection"
|
|
description="At EL ALAMI CAKE, we believe every cake tells a story. We pour our heart into creating delectable and visually stunning cakes that become the centerpiece of your celebrations. Using only the finest ingredients, we bake with love and artistry."
|
|
bulletPoints={[
|
|
{
|
|
title: "Handcrafted Excellence", description: "Each cake is meticulously crafted by our skilled bakers, ensuring unique beauty and exceptional taste."},
|
|
{
|
|
title: "Fresh, Premium Ingredients", description: "We source the highest quality ingredients to guarantee a rich flavor and superior texture in every bite."},
|
|
{
|
|
title: "Personalized Creations", description: "From elegant small cakes to grand birthday designs, we tailor each creation to your vision and occasion."},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/cook-putting-icing-decorations-cake_23-2148485378.jpg"
|
|
imageAlt="Pastry chef meticulously decorating a cake"
|
|
mediaAnimation="opacity"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTwentyFive
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
title: "Artisanal Quality", description: "Experience the difference of cakes made with traditional methods and a modern touch, ensuring exquisite taste and appearance.", icon: Cake,
|
|
mediaItems: [
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/open-pie-raspberry-galette-summer-berry-dessert_114579-8243.jpg", imageAlt: "Close up of a handcrafted cake with delicate details"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/decorative-items-light-wooden-surfacexa_58702-17802.jpg", imageAlt: "Various small, beautifully decorated cakes on a platter"},
|
|
]
|
|
},
|
|
{
|
|
title: "Stunning Custom Designs", description: "Bring your dream cake to life with our bespoke design services. We create custom cakes that perfectly match your celebration's theme.", icon: Sparkles,
|
|
mediaItems: [
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-pink-white-cupcakes-tray-table_181624-43398.jpg", imageAlt: "Chef presenting a custom designed tiered cake"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/front-view-chocolate-cakes-with-berries-top_140725-20227.jpg", imageAlt: "Colorful custom birthday cake with unique decorations"},
|
|
]
|
|
},
|
|
{
|
|
title: "Freshness Guaranteed", description: "Baked fresh daily using only the finest, locally sourced ingredients to ensure every cake is as delicious as it is beautiful.", icon: Leaf,
|
|
mediaItems: [
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-raw-dough-little-cakes-inn-back-dish-bakery-line_7502-5868.jpg", imageAlt: "Freshly baked cake cooling on a rack in a bakery"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/top-view-kitchen-supplies-with-pasta-ingredients_23-2148343557.jpg", imageAlt: "A cake decorated with fresh, seasonal fruits"},
|
|
]
|
|
}
|
|
]}
|
|
title="Why Choose EL ALAMI CAKE?"
|
|
description="Discover the delightful difference that sets our cakes apart. We're dedicated to delivering not just a dessert, but an unforgettable experience."
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={true}
|
|
products={[
|
|
{
|
|
id: "1", name: "Classic Vanilla Bean", price: "$45.00", imageSrc: "http://img.b2bpic.net/free-photo/carrot-cake_74190-2550.jpg", imageAlt: "Classic vanilla bean cake with white frosting"},
|
|
{
|
|
id: "2", name: "Decadent Chocolate Fudge", price: "$50.00", imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-delicious-chocolate-cake-concept_23-2148746678.jpg", imageAlt: "Rich chocolate fudge cake with chocolate ganache"},
|
|
{
|
|
id: "3", name: "Elegant Red Velvet", price: "$55.00", imageSrc: "http://img.b2bpic.net/free-photo/top-close-view-sweet-dessert-with-sauce-it-berries-with-red-napkin-marble-background_140725-136083.jpg", imageAlt: "Red velvet cake with cream cheese frosting"},
|
|
{
|
|
id: "4", name: "Strawberry Shortcake Dream", price: "$60.00", imageSrc: "http://img.b2bpic.net/free-photo/top-view-fruit-cake-delicious-round-formed-with-fresh-blue-berries-bright-cake-biscuit-sweet-sugar_140725-25102.jpg", imageAlt: "Strawberry shortcake with fresh strawberries and cream"},
|
|
{
|
|
id: "5", name: "Zesty Lemon Raspberry", price: "$58.00", imageSrc: "http://img.b2bpic.net/free-photo/cakes-with-fruits-assortment_23-2148536854.jpg", imageAlt: "Lemon raspberry cake with delicate frosting and fresh berries"},
|
|
{
|
|
id: "6", name: "Custom Celebration Cake", price: "Starting at $75.00", imageSrc: "http://img.b2bpic.net/free-photo/muffin-with-flower_1157-588.jpg", imageAlt: "Highly customized multi-tiered birthday cake"},
|
|
]}
|
|
title="Our Delectable Cake Collection"
|
|
description="Discover a variety of cakes perfect for any occasion. From classic flavors to unique custom designs, find your next sweet delight."
|
|
/>
|
|
</div>
|
|
|
|
<div id="pricing" data-section="pricing">
|
|
<PricingCardEight
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
plans={[
|
|
{
|
|
id: "small-cake", badge: "Perfect for small gatherings", price: "From $30", subtitle: "Small & Beautiful", buttons: [
|
|
{
|
|
text: "Order Small Cake", href: "#contact"},
|
|
],
|
|
features: [
|
|
"Serves 2-4 people", "Standard flavors available", "Basic decoration"],
|
|
},
|
|
{
|
|
id: "birthday-cake", badge: "Most Popular", badgeIcon: Star,
|
|
price: "From $80", subtitle: "Birthday Celebrations", buttons: [
|
|
{
|
|
text: "Customize Birthday Cake", href: "#contact"},
|
|
],
|
|
features: [
|
|
"Serves 8-12 people", "Wide range of flavors", "Custom theme decoration", "Personalized message"],
|
|
},
|
|
{
|
|
id: "event-cake", badge: "For Grand Events", price: "Custom Quote", subtitle: "Wedding & Events", buttons: [
|
|
{
|
|
text: "Request A Consultation", href: "#contact"},
|
|
],
|
|
features: [
|
|
"Serves 20+ people", "Premium flavors & fillings", "Elaborate multi-tier designs", "Delivery & setup available"],
|
|
},
|
|
]}
|
|
title="Custom Cake Pricing & Orders"
|
|
description="Every celebration is unique, and so should be your cake. Choose from our standard options or request a personalized quote for your dream design."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTen
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
testimonials={[
|
|
{
|
|
id: "1", title: "Absolutely stunning and delicious!", quote: "EL ALAMI CAKE created a birthday cake that was beyond my expectations. Not only did it look incredible, but every guest raved about how delicious it was. A true masterpiece!", name: "Sarah J.", role: "Celebration Planner", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-drinks-coffee-with-gingerbread-boy-cafe-street_169016-49028.jpg", imageAlt: "Happy woman eating cake"},
|
|
{
|
|
id: "2", title: "The best cake I've ever tasted!", quote: "I ordered a custom cake for my anniversary, and it was perfect. The attention to detail and the rich flavors made our special day even sweeter. Highly recommend!", name: "Michael D.", role: "Happy Customer", imageSrc: "http://img.b2bpic.net/free-photo/excited-young-blonde-caucasian-woman-receiving-gift-from-her-friend-indoors-concept-celebration-happiness-emotions_197531-31521.jpg", imageAlt: "Man showing cake box"},
|
|
{
|
|
id: "3", title: "A delightful experience from start to finish.", quote: "From the initial consultation to the delivery, EL ALAMI CAKE made the process so easy and enjoyable. The cake for our family gathering was a huge hit!", name: "Emily R.", role: "Event Host", imageSrc: "http://img.b2bpic.net/free-photo/epiphany-christmas-celebration_23-2149187573.jpg", imageAlt: "Family celebrating with cake"},
|
|
{
|
|
id: "4", title: "Beautiful designs and incredible taste.", quote: "I'm always amazed by the artistry of EL ALAMI CAKE. Their small cakes are perfect for gifts, and the larger ones are showstoppers. Always fresh and delicious!", name: "Jessica L.", role: "Frequent Buyer", imageSrc: "http://img.b2bpic.net/free-photo/cute-asian-woman-laughing-while-making-birthday-wish-refined-japanese-woman-hat-holding-piece-cake_197531-14605.jpg", imageAlt: "Woman posing with small cake"},
|
|
{
|
|
id: "5", title: "Our wedding cake was a dream come true!", quote: "EL ALAMI CAKE designed our wedding cake, and it was everything we hoped for and more. Elegant, flawless, and tasted divine. Thank you for making our day so special.", name: "David & Maria K.", role: "Newlyweds", imageSrc: "http://img.b2bpic.net/free-photo/man-takes-piece-wedding-cake_8353-92.jpg", imageAlt: "Couple cutting wedding cake"},
|
|
]}
|
|
title="Hear From Our Happy Customers"
|
|
description="Our passion is crafting moments of joy. Read what our wonderful clients have to say about their EL ALAMI CAKE experience."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitText
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{
|
|
id: "1", title: "How far in advance should I place my order?", content: "For custom birthday or event cakes, we recommend placing your order at least 2-3 weeks in advance. Smaller cakes and standard orders can typically be placed with 3-5 days' notice."},
|
|
{
|
|
id: "2", title: "Do you offer custom designs for birthday cakes?", content: "Absolutely! We specialize in creating unique, personalized designs tailored to your specific theme and preferences. Contact us to discuss your vision."},
|
|
{
|
|
id: "3", title: "What kind of flavors and fillings do you offer?", content: "We offer a wide selection of classic and seasonal flavors, including vanilla, chocolate, red velvet, lemon, and more. Our fillings range from buttercream to fruit compotes and ganaches."},
|
|
{
|
|
id: "4", title: "Do you accommodate dietary restrictions (e.g., gluten-free, vegan)?", content: "We offer a limited selection of gluten-free and vegan options. Please inform us of any dietary needs when placing your order so we can discuss suitable options."},
|
|
{
|
|
id: "5", title: "What are your delivery options?", content: "We offer local delivery within a specified radius for an additional fee. Pick-up from our store is also available during business hours. Please inquire about delivery availability and costs."},
|
|
]}
|
|
sideTitle="Questions About Our Cakes?"
|
|
sideDescription="Find answers to the most common questions about ordering, customization, and delivery services for your EL ALAMI CAKE."
|
|
faqsAnimation="slide-up"
|
|
textPosition="left"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactText
|
|
useInvertedBackground={true}
|
|
background={{
|
|
variant: "downward-rays-static-grid"}}
|
|
text="Ready to make your celebration sweeter? Contact EL ALAMI CAKE today to discuss your order or request a custom quote!"
|
|
buttons={[
|
|
{
|
|
text: "Get in Touch", href: "mailto:info@elalamicake.com"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoEmphasis
|
|
logoSrc="http://img.b2bpic.net/free-photo/female-confectioner-boxing-desserts_23-2150360236.jpg"
|
|
logoAlt="EL ALAMI CAKE logo"
|
|
columns={[
|
|
{
|
|
items: [
|
|
{
|
|
label: "Home", href: "#home"},
|
|
{
|
|
label: "About Us", href: "#about"},
|
|
{
|
|
label: "Our Cakes", href: "#products"},
|
|
],
|
|
},
|
|
{
|
|
items: [
|
|
{
|
|
label: "Testimonials", href: "#testimonials"},
|
|
{
|
|
label: "FAQ", href: "#faq"},
|
|
{
|
|
label: "Contact", href: "#contact"},
|
|
],
|
|
},
|
|
{
|
|
items: [
|
|
{
|
|
label: "Privacy Policy", href: "#"},
|
|
{
|
|
label: "Terms of Service", href: "#"},
|
|
],
|
|
},
|
|
]}
|
|
logoText="EL ALAMI CAKE"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|