191 lines
11 KiB
TypeScript
191 lines
11 KiB
TypeScript
"use client"
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
|
|
import MediaAbout from '@/components/sections/about/MediaAbout';
|
|
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
|
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
|
|
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
|
import { Flower2 } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="bounce-effect"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="pill"
|
|
contentWidth="mediumLarge"
|
|
sizing="mediumLargeSizeMediumTitles"
|
|
background="grid"
|
|
cardStyle="subtle-shadow"
|
|
primaryButtonStyle="double-inset"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
brandName="IndoLor"
|
|
navItems={[
|
|
{ name: "Home", id: "hero" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Collections", id: "collections" },
|
|
{ name: "Services", id: "services" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
button={{
|
|
text: "Order Now", href: "contact"
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroOverlay
|
|
title="Elegant Floral Artistry"
|
|
description="Discover beautifully crafted flower arrangements for every occasion. From weddings to celebrations, IndoLor brings nature's beauty to life."
|
|
tag="Premium Floristry"
|
|
videoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_35vmIsFKiMtTSUSBP7nWGRgR0We/uploaded-1771578706866-a7zjtsw5.mp4"
|
|
imageAlt="Beautiful flower arrangement"
|
|
textPosition="bottom-left"
|
|
showBlur={true}
|
|
showDimOverlay={true}
|
|
buttons={[
|
|
{ text: "Browse Collections", href: "collections" },
|
|
{ text: "Book Consultation", href: "contact" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MediaAbout
|
|
title="Crafted with Passion"
|
|
description="At IndoLor, we believe every flower tells a story. With over a decade of experience in floristry, our talented team creates stunning arrangements that capture emotions and celebrate life's special moments. We source the finest flowers and use sustainable practices."
|
|
tag="About IndoLor"
|
|
videoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_35vmIsFKiMtTSUSBP7nWGRgR0We/uploaded-1771578629160-cn9h0zvr.mp4"
|
|
imageAlt="Our flower studio"
|
|
useInvertedBackground={false}
|
|
buttons={[
|
|
{ text: "Learn Our Story", href: "#" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="collections" data-section="collections">
|
|
<ProductCardTwo
|
|
title="Featured Collections"
|
|
description="Explore our exquisite selection of handcrafted floral arrangements, each piece designed to bring joy and elegance."
|
|
tag="Shop"
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground={false}
|
|
gridVariant="three-columns-all-equal-width"
|
|
products={[
|
|
{
|
|
id: "1", brand: "IndoLor", name: "Romance Red Roses", price: "$85.00", rating: 5,
|
|
reviewCount: "142", imageSrc: "https://img.b2bpic.net/free-photo/floral-decor-woman-holding-bouquet-anthurium_140725-10842.jpg?_wi=1", imageAlt: "Red roses bouquet"
|
|
},
|
|
{
|
|
id: "2", brand: "IndoLor", name: "Pure Elegance White", price: "$95.00", rating: 5,
|
|
reviewCount: "98", imageSrc: "https://img.b2bpic.net/free-photo/beautiful-still-life-bouquet-with-calla-lily_23-2148029172.jpg?_wi=1", imageAlt: "White lilies arrangement"
|
|
},
|
|
{
|
|
id: "3", brand: "IndoLor", name: "Seasonal Spectrum", price: "$75.00", rating: 5,
|
|
reviewCount: "167", imageSrc: "https://img.b2bpic.net/free-photo/various-colorful-flower-bouquet-decorated-white-wooden-background_23-2148048404.jpg?_wi=1", imageAlt: "Mixed colorful flowers"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardSeven
|
|
title="Our Services"
|
|
description="From custom arrangements to event styling, discover what we offer."
|
|
tag="Services"
|
|
textboxLayout="default"
|
|
animationType="blur-reveal"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
id: 1,
|
|
title: "Custom Arrangements", description: "Personalized floral designs tailored to your vision and preferences. Whether it's a specific color palette or flower type, we create bespoke arrangements for weddings, events, and special occasions.", imageSrc: "https://img.b2bpic.net/free-photo/floral-decor-woman-holding-bouquet-anthurium_140725-10842.jpg?_wi=2", imageAlt: "Custom floral arrangement"
|
|
},
|
|
{
|
|
id: 2,
|
|
title: "Wedding Floristry", description: "Complete wedding flower packages including bridal bouquets, ceremony installations, and reception centerpieces. Our team works closely with couples to bring their dream wedding aesthetic to life.", imageSrc: "https://img.b2bpic.net/free-photo/beautiful-still-life-bouquet-with-calla-lily_23-2148029172.jpg?_wi=2", imageAlt: "Wedding flower arrangement"
|
|
},
|
|
{
|
|
id: 3,
|
|
title: "Event Styling", description: "Transform any space with stunning floral installations and decorative arrangements. From intimate gatherings to large corporate events, we design florals that elevate your event's ambiance.", imageSrc: "https://img.b2bpic.net/free-photo/various-colorful-flower-bouquet-decorated-white-wooden-background_23-2148048404.jpg?_wi=2", imageAlt: "Event flower decoration"
|
|
},
|
|
{
|
|
id: 4,
|
|
title: "Subscription Plans", description: "Enjoy fresh flower arrangements delivered weekly or bi-weekly. Perfect for home or office, our subscription service keeps your space vibrant and filled with nature's beauty.", imageSrc: "https://img.b2bpic.net/free-photo/elegant-wedding-bouquet_1157-18562.jpg?_wi=2", imageAlt: "Subscription flower delivery"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardThirteen
|
|
title="What Our Clients Say"
|
|
description="Hear from those who've experienced IndoLor's artistry and service."
|
|
tag="Testimonials"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
showRating={true}
|
|
animationType="slide-up"
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Sarah Johnson", handle: "@sarahj_events", testimonial: "IndoLor created the most breathtaking bridal bouquet for my wedding. Every detail was perfect, and the flowers stayed fresh throughout the day. Highly recommended!", rating: 5,
|
|
imageSrc: "https://img.b2bpic.net/free-photo/happy-exited-girl-with-brown-hair-pink-lips-is-looking-up-with-wonderful-smile-near-window-sun-day-pretty-adorable-lady-resting-home_291650-2326.jpg", imageAlt: "Sarah Johnson"
|
|
},
|
|
{
|
|
id: "2", name: "Michael Chen", handle: "@michaelchen92", testimonial: "I've been using IndoLor's subscription service for 6 months. The variety and quality of arrangements are consistently excellent. They brighten my office every week!", rating: 5,
|
|
imageSrc: "https://img.b2bpic.net/free-photo/dark-blonde-bearded-man-crosses-his-hands-chest-posing-black-shirt_8353-1116.jpg", imageAlt: "Michael Chen"
|
|
},
|
|
{
|
|
id: "3", name: "Emma Rodriguez", handle: "@emmarode", testimonial: "For my corporate event, IndoLor delivered stunning floral installations. The team was professional, creative, and delivered exactly what I envisioned. They exceeded expectations!", rating: 5,
|
|
imageSrc: "https://img.b2bpic.net/free-photo/young-beautiful-blonde-woman-wearing-casual-striped-tshirt-isolated-white-background-looking-away-side-with-smile-face-natural-expression-laughing-confident_839833-30463.jpg", imageAlt: "Emma Rodriguez"
|
|
},
|
|
{
|
|
id: "4", name: "David Park", handle: "@davidpark_co", testimonial: "Custom arrangements for my mother's birthday were absolutely gorgeous. The team took time to understand what I wanted and delivered something truly special.", rating: 5,
|
|
imageSrc: "https://img.b2bpic.net/free-photo/smiling-businessman-face-portrait-wearing-suit_53876-148135.jpg", imageAlt: "David Park"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
tag="Get In Touch"
|
|
title="Ready to Order?"
|
|
description="Subscribe to our newsletter for exclusive offers and floral inspiration. Or reach out directly for custom orders and event consultations."
|
|
tagIcon={Flower2}
|
|
background={{ variant: "sparkles-gradient" }}
|
|
useInvertedBackground={false}
|
|
imageSrc="https://img.b2bpic.net/free-photo/flowers-floral-shop-different-types_1303-15615.jpg"
|
|
imageAlt="Flower arrangement contact"
|
|
mediaAnimation="slide-up"
|
|
mediaPosition="right"
|
|
inputPlaceholder="Enter your email"
|
|
buttonText="Subscribe"
|
|
termsText="We respect your privacy. Unsubscribe at any time."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoReveal
|
|
logoText="IndoLor"
|
|
leftLink={{
|
|
text: "Privacy Policy", href: "#"
|
|
}}
|
|
rightLink={{
|
|
text: "Terms of Service", href: "#"
|
|
}}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |