Update src/app/page.tsx

This commit is contained in:
2026-01-22 11:38:46 +00:00
parent 23706cc8b6
commit 9a988c6366

View File

@@ -4,10 +4,13 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroLogo from '@/components/sections/hero/HeroLogo';
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 FaqDouble from '@/components/sections/faq/FaqDouble';
import ContactCenter from '@/components/sections/contact/ContactCenter';
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() {
return (
@@ -54,7 +57,7 @@ export default function HomePage() {
<div id="about" data-section="about">
<AboutMetric
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={[
{ icon: Flower2, label: "Floral Designs Created", value: "2,500+" },
{ icon: Heart, label: "Happy Customers", value: "1,200+" },
@@ -64,6 +67,57 @@ export default function HomePage() {
/>
</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">
<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."
@@ -81,6 +135,38 @@ export default function HomePage() {
/>
</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">
<ContactCenter
tag="Get In Touch"
@@ -90,7 +176,7 @@ export default function HomePage() {
inputPlaceholder="Enter your email address"
buttonText="Subscribe"
termsText="We respect your privacy and will never share your email. Unsubscribe anytime."
useInvertedBackground="invertDefault"
useInvertedBackground="noInvert"
/>
</div>