214 lines
11 KiB
TypeScript
214 lines
11 KiB
TypeScript
"use client"
|
|
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
|
|
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
|
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
|
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
|
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
|
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
|
import FooterCard from '@/components/sections/footer/FooterCard';
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-bubble"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="pill"
|
|
contentWidth="small"
|
|
sizing="mediumLargeSizeMediumTitles"
|
|
background="aurora"
|
|
cardStyle="inset"
|
|
primaryButtonStyle="diagonal-gradient"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="bold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
brandName="Bdjilka"
|
|
navItems={[
|
|
{ name: "Home", id: "hero" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Products", id: "products" },
|
|
{ name: "Gallery", id: "gallery" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
button={{
|
|
text: "Order Now", href: "contact"
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardScroll
|
|
title="Bdjilka Flowers Studio"
|
|
description="Handcrafted floral arrangements for every occasion. From elegant weddings to meaningful celebrations, we create stunning bouquets that express your emotions."
|
|
tag="Premium Florist"
|
|
background={{ variant: "aurora" }}
|
|
imageSrc="https://img.b2bpic.net/free-photo/floral-art-wreath-mixed-flowers-hands-man_114579-2484.jpg"
|
|
imageAlt="Beautiful floral arrangement"
|
|
buttons={[
|
|
{ text: "Browse Collections", href: "products" },
|
|
{ text: "Contact Us", href: "contact" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextSplitAbout
|
|
title="About Bdjilka"
|
|
description={[
|
|
"Bdjilka Flowers Studio is a boutique florist dedicated to creating extraordinary floral experiences. With over 10 years of expertise, we specialize in bespoke arrangements that celebrate life's most important moments.", "Every flower is carefully selected from premium suppliers, ensuring freshness, quality, and sustainability. Our team of passionate florists combines traditional techniques with contemporary design to craft arrangements that tell your unique story.", "We believe flowers are more than decoration—they are a language of emotion, a way to express what words cannot. Let us help you say it perfectly."
|
|
]}
|
|
buttons={[
|
|
{ text: "Learn More", href: "#" }
|
|
]}
|
|
showBorder={true}
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardOne
|
|
title="Featured Collections"
|
|
description="Explore our signature floral arrangements, each crafted with passion and precision for your special moments."
|
|
tag="Premium Selection"
|
|
products={[
|
|
{
|
|
id: "1", name: "Classic Rose Bouquet", price: "$85", imageSrc: "https://img.b2bpic.net/free-photo/red-velvet-bouquet-berries-blossoms-flowers-hands-lady-white-blouse_114579-1729.jpg", imageAlt: "Red rose bouquet"
|
|
},
|
|
{
|
|
id: "2", name: "Spring Garden Arrangement", price: "$95", imageSrc: "https://img.b2bpic.net/free-photo/stunning-bouquet-made-dark-red-white-roses-stands-glas_8353-390.jpg", imageAlt: "Colorful spring flowers"
|
|
},
|
|
{
|
|
id: "3", name: "Wedding Elegance Package", price: "$250", imageSrc: "https://img.b2bpic.net/free-photo/rich-bouquet-made-red-roses-stands-outside_8353-8470.jpg", imageAlt: "Luxury wedding flowers"
|
|
}
|
|
]}
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="gallery" data-section="gallery">
|
|
<ProductCardOne
|
|
title="Our Artistry"
|
|
description="A showcase of our most beautiful creations, each telling a unique story through the language of flowers."
|
|
tag="Gallery Showcase"
|
|
products={[
|
|
{
|
|
id: "1", name: "Botanical Bliss", price: "Custom", imageSrc: "https://img.b2bpic.net/free-photo/minimal-floral-arrangement-red-surface_58702-17398.jpg", imageAlt: "Botanical floral display"
|
|
},
|
|
{
|
|
id: "2", name: "Artistic Expression", price: "Custom", imageSrc: "https://img.b2bpic.net/free-photo/beautiful-bouquet-flowers-vase-table_23-2148075414.jpg", imageAlt: "Artistic flower arrangement"
|
|
},
|
|
{
|
|
id: "3", name: "Luxury Florals", price: "Custom", imageSrc: "https://img.b2bpic.net/free-photo/different-types-vases-with-colorful-flowers-table-florist-shop_23-2148075415.jpg", imageAlt: "Premium luxury arrangement"
|
|
}
|
|
]}
|
|
gridVariant="bento-grid"
|
|
animationType="blur-reveal"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardOne
|
|
title="What Our Customers Say"
|
|
description="Real stories from people who have experienced the beauty and quality of Bdjilka flowers."
|
|
tag="Customer Reviews"
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Sarah Mitchell", role: "Bride", company: "Wedding Client", rating: 5,
|
|
imageSrc: "https://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg", imageAlt: "Sarah Mitchell"
|
|
},
|
|
{
|
|
id: "2", name: "Elena Rodriguez", role: "Event Planner", company: "Luxury Events Co.", rating: 5,
|
|
imageSrc: "https://img.b2bpic.net/free-photo/close-up-successful-entrepreneur_1098-3855.jpg", imageAlt: "Elena Rodriguez"
|
|
},
|
|
{
|
|
id: "3", name: "Jessica Chen", role: "Corporate Manager", company: "Tech Startup", rating: 5,
|
|
imageSrc: "https://img.b2bpic.net/free-photo/confident-young-businesswoman-with-folded-arms_1262-1775.jpg", imageAlt: "Jessica Chen"
|
|
},
|
|
{
|
|
id: "4", name: "Amanda Thompson", role: "Homeowner", company: "Private Client", rating: 5,
|
|
imageSrc: "https://img.b2bpic.net/free-photo/portrait-confident-businesswoman-suit-cross-arms-chest-looking-like-real-professional-smili_1258-122403.jpg", imageAlt: "Amanda Thompson"
|
|
}
|
|
]}
|
|
gridVariant="uniform-all-items-equal"
|
|
animationType="scale-rotate"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTwentyOne
|
|
title="Why Choose Bdjilka"
|
|
description="Experience the perfect blend of artistry, quality, and service that makes us the preferred choice for flower arrangements."
|
|
tag="Our Expertise"
|
|
imageSrc="https://img.b2bpic.net/free-photo/creative-thinking-ideas-imagination-design-concept_53876-64917.jpg"
|
|
imageAlt="Florist crafting custom arrangement"
|
|
accordionItems={[
|
|
{
|
|
id: "1", title: "Custom Design Services", content: "Every arrangement is personalized to your vision. Our expert florists work directly with you to create designs that perfectly match your style and occasion."
|
|
},
|
|
{
|
|
id: "2", title: "Premium Fresh Flowers", content: "We source only the finest flowers from trusted growers worldwide. Each bouquet is crafted on order to guarantee maximum freshness and longevity."
|
|
},
|
|
{
|
|
id: "3", title: "Sustainable Practices", content: "We are committed to eco-friendly practices, from sourcing local flowers when possible to using biodegradable packaging materials."
|
|
},
|
|
{
|
|
id: "4", title: "Same-Day Delivery", content: "Need flowers today? Our local delivery service ensures your arrangements arrive fresh and beautiful, right when you need them."
|
|
}
|
|
]}
|
|
mediaAnimation="opacity"
|
|
mediaPosition="left"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplitForm
|
|
title="Get in Touch"
|
|
description="Ready to order or have questions about our arrangements? Fill out the form below and our team will get back to you within 24 hours. For urgent inquiries, please call us directly."
|
|
inputs={[
|
|
{
|
|
name: "fullName", type: "text", placeholder: "Your Name", required: true
|
|
},
|
|
{
|
|
name: "email", type: "email", placeholder: "Your Email", required: true
|
|
},
|
|
{
|
|
name: "phone", type: "tel", placeholder: "Phone Number", required: false
|
|
},
|
|
{
|
|
name: "occasion", type: "text", placeholder: "Occasion (Wedding, Birthday, etc.)", required: false
|
|
}
|
|
]}
|
|
textarea={{
|
|
name: "message", placeholder: "Tell us about your floral needs and preferences...", rows: 5,
|
|
required: true
|
|
}}
|
|
buttonText="Send Inquiry"
|
|
imageSrc="https://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-flowers_23-2149247537.jpg"
|
|
imageAlt="Florist in studio"
|
|
mediaAnimation="opacity"
|
|
mediaPosition="right"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterCard
|
|
logoText="Bdjilka"
|
|
copyrightText="© 2025 Bdjilka Flowers Studio. All rights reserved."
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |