Files
f45b60f3-ee59-4698-a479-bfd…/src/app/page.tsx
Nikolay Pecheniev 5fa9e9fbbb Initial commit
2026-02-18 12:10:35 +02:00

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>
);
}