Merge version_1 into main #2
@@ -4,10 +4,13 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|||||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||||
import HeroLogo from '@/components/sections/hero/HeroLogo';
|
import HeroLogo from '@/components/sections/hero/HeroLogo';
|
||||||
import AboutMetric from '@/components/sections/about/AboutMetric';
|
import AboutMetric from '@/components/sections/about/AboutMetric';
|
||||||
|
import FeatureProcessSteps from '@/components/sections/feature/FeatureProcessSteps';
|
||||||
|
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||||||
|
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||||
import { Flower2, Heart, Award, Globe, Mail } from 'lucide-react';
|
import { Flower2, Heart, Award, Globe, Sparkles, HelpCircle, Mail } from 'lucide-react';
|
||||||
|
|
||||||
export default function HomePage() {
|
export default function HomePage() {
|
||||||
return (
|
return (
|
||||||
@@ -54,7 +57,7 @@ export default function HomePage() {
|
|||||||
<div id="about" data-section="about">
|
<div id="about" data-section="about">
|
||||||
<AboutMetric
|
<AboutMetric
|
||||||
title="At Flowers Life, we believe every bloom tells a story and every arrangement transforms spaces into moments of beauty"
|
title="At Flowers Life, we believe every bloom tells a story and every arrangement transforms spaces into moments of beauty"
|
||||||
useInvertedBackground="invertDefault"
|
useInvertedBackground="noInvert"
|
||||||
metrics={[
|
metrics={[
|
||||||
{ icon: Flower2, label: "Floral Designs Created", value: "2,500+" },
|
{ icon: Flower2, label: "Floral Designs Created", value: "2,500+" },
|
||||||
{ icon: Heart, label: "Happy Customers", value: "1,200+" },
|
{ icon: Heart, label: "Happy Customers", value: "1,200+" },
|
||||||
@@ -64,6 +67,57 @@ export default function HomePage() {
|
|||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div id="features" data-section="features">
|
||||||
|
<FeatureProcessSteps
|
||||||
|
tag="Our Expertise"
|
||||||
|
tagIcon={Sparkles}
|
||||||
|
title="Creating Botanical Masterpieces"
|
||||||
|
description="Our meticulous process ensures every arrangement reflects your vision and emotions, from initial consultation to final presentation."
|
||||||
|
buttons={[
|
||||||
|
{ text: "Start Your Order", href: "/contact" }
|
||||||
|
]}
|
||||||
|
steps={[
|
||||||
|
{
|
||||||
|
number: "01", title: "Consultation", tag: "Discovery", description: "We listen to your ideas, preferences, and the occasion to understand your vision completely."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
number: "02", title: "Design & Selection", tag: "Creation", description: "Our expert florists design a custom arrangement using premium, freshly sourced flowers."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
number: "03", title: "Crafting", tag: "Artistry", description: "Each stem is carefully arranged with precision, ensuring structural integrity and visual harmony."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
number: "04", title: "Delivery & Beyond", tag: "Care", description: "We ensure timely delivery with care instructions to keep your arrangement fresh and beautiful."
|
||||||
|
}
|
||||||
|
]}
|
||||||
|
useInvertedBackground="noInvert"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="products" data-section="products">
|
||||||
|
<ProductCardThree
|
||||||
|
title="Signature Collections"
|
||||||
|
description="Explore our carefully curated floral arrangements, each designed to bring joy and elegance to your special moments"
|
||||||
|
tag="Premium Selections"
|
||||||
|
tagIcon={Sparkles}
|
||||||
|
products={[
|
||||||
|
{
|
||||||
|
id: "1", name: "Romantic Rose Bouquet", price: "$85", imageSrc: "https://img.b2bpic.net/free-photo/rose-wooden-background_1232-2088.jpg", imageAlt: "Premium rose bouquet", initialQuantity: 1
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: "2", name: "Wedding Day Elegance", price: "$250", imageSrc: "https://img.b2bpic.net/free-photo/bouquet-roses-with-red-bow_23-2147591160.jpg", imageAlt: "Wedding flower arrangement", initialQuantity: 1
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: "3", name: "Seasonal Celebration", price: "$95", imageSrc: "https://img.b2bpic.net/free-photo/elevated-view-red-rose-flower-vase_23-2148181221.jpg", imageAlt: "Seasonal flower mix", initialQuantity: 1
|
||||||
|
}
|
||||||
|
]}
|
||||||
|
textboxLayout="default"
|
||||||
|
animationType="slide-up"
|
||||||
|
gridVariant="three-columns-all-equal-width"
|
||||||
|
useInvertedBackground="noInvert"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div id="testimonials" data-section="testimonials">
|
<div id="testimonials" data-section="testimonials">
|
||||||
<TestimonialCardFifteen
|
<TestimonialCardFifteen
|
||||||
testimonial="Flowers Life transformed our wedding venue into a floral paradise. Every detail was perfect, and the quality was beyond our expectations. They truly understand the art of celebration through flowers."
|
testimonial="Flowers Life transformed our wedding venue into a floral paradise. Every detail was perfect, and the quality was beyond our expectations. They truly understand the art of celebration through flowers."
|
||||||
@@ -81,6 +135,38 @@ export default function HomePage() {
|
|||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div id="faq" data-section="faq">
|
||||||
|
<FaqDouble
|
||||||
|
title="Frequently Asked Questions"
|
||||||
|
description="Find answers to your questions about our services, delivery, and care instructions"
|
||||||
|
tag="Support"
|
||||||
|
tagIcon={HelpCircle}
|
||||||
|
textboxLayout="default"
|
||||||
|
useInvertedBackground="noInvert"
|
||||||
|
animationType="smooth"
|
||||||
|
faqs={[
|
||||||
|
{
|
||||||
|
id: "1", title: "How far in advance should I order?", content: "We recommend ordering at least 3-5 days in advance for custom arrangements. For rush orders, please contact us directly as we can often accommodate same-day or next-day delivery depending on availability."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: "2", title: "Do you offer wedding and event services?", content: "Absolutely! We specialize in wedding florals, corporate events, and special occasions. We provide comprehensive design consultations to ensure your vision comes to life. Contact us for a custom proposal."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: "3", title: "What is your delivery area?", content: "We deliver throughout the metropolitan area and surrounding regions. For out-of-area orders, we can arrange coordination with trusted partner florists to ensure quality delivery."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: "4", title: "How should I care for my arrangement?", content: "Keep flowers in cool water away from direct sunlight and heat. Change the water every 2-3 days and trim stems at a 45-degree angle. We provide detailed care instructions with every arrangement."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: "5", title: "Can you accommodate allergies or preferences?", content: "Yes! We can work around allergies, color preferences, and specific flower requests. Please mention any preferences during consultation so we can create the perfect arrangement for you."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: "6", title: "What payment methods do you accept?", content: "We accept all major credit cards, digital payments, and bank transfers. A 50% deposit is required to confirm bookings, with the balance due before delivery."
|
||||||
|
}
|
||||||
|
]}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div id="contact" data-section="contact">
|
<div id="contact" data-section="contact">
|
||||||
<ContactCenter
|
<ContactCenter
|
||||||
tag="Get In Touch"
|
tag="Get In Touch"
|
||||||
@@ -90,7 +176,7 @@ export default function HomePage() {
|
|||||||
inputPlaceholder="Enter your email address"
|
inputPlaceholder="Enter your email address"
|
||||||
buttonText="Subscribe"
|
buttonText="Subscribe"
|
||||||
termsText="We respect your privacy and will never share your email. Unsubscribe anytime."
|
termsText="We respect your privacy and will never share your email. Unsubscribe anytime."
|
||||||
useInvertedBackground="invertDefault"
|
useInvertedBackground="noInvert"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user