Merge version_2 into main #2
275
src/app/page.tsx
275
src/app/page.tsx
@@ -2,8 +2,8 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
|
||||
import MediaAbout from '@/components/sections/about/MediaAbout';
|
||||
@@ -11,7 +11,7 @@ import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
||||
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
||||
import { Facebook, Instagram, Twitter } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
@@ -32,22 +32,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Styles",
|
||||
id: "styles",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Styles", id: "styles" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="DecorVibe"
|
||||
/>
|
||||
@@ -57,36 +45,9 @@ export default function LandingPage() {
|
||||
<HeroOverlay
|
||||
title="Transform Your Celebration Into Reality"
|
||||
description="Explore curated decoration styles and book your perfect venue setup. From elegant classics to bold modern themes, find your event's unique identity."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Our Styles",
|
||||
href: "#styles",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Explore Our Styles", href: "#styles" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/candles-bouquets-decorated-table_8353-10193.jpg?_wi=1"
|
||||
showDimOverlay={true}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/photorealistic-wedding-venue-with-intricate-decor-ornaments_23-2151481486.jpg",
|
||||
alt: "Client group one",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/rustic-candlestick-flower-arrangement-table-wedding-reception_637285-5619.jpg",
|
||||
alt: "Client group two",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/luxury-wedding-celebration-illuminated-by-chandelier-flame-generated-by-ai_188544-45454.jpg",
|
||||
alt: "Client group three",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/balustrade-front-house-city-lindos-rhodes-island-greek-islands-dodecanese-archipelago-europe-leisure-travel-around-islands-popular-tourist-destination_166373-3824.jpg",
|
||||
alt: "Client group four",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-gorgeous-woman-with-dark-curly-hair-sitting-table-thoughtfully-showing-sketch-laptop-while-spending-time-modern-cozy-workshop-with-big-windows_574295-492.jpg",
|
||||
alt: "Client group five",
|
||||
},
|
||||
]}
|
||||
avatarText="Trusted by 500+ happy clients"
|
||||
/>
|
||||
</div>
|
||||
@@ -98,48 +59,10 @@ export default function LandingPage() {
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Elegant Classic",
|
||||
price: "From $1,200",
|
||||
variant: "Classic Luxury",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-decoration-children-s-baptism_58702-1505.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Vintage Charm",
|
||||
price: "From $950",
|
||||
variant: "Rustic Warmth",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/golden-bottles-with-ribbons-pine-leaves_23-2148347375.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Boho Chic",
|
||||
price: "From $850",
|
||||
variant: "Free-spirited",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/champagne-flutes-decorated-with-tiny-roses-stand-table_8353-611.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Industrial Bold",
|
||||
price: "From $1,500",
|
||||
variant: "Urban Modern",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-glassware_107420-74258.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Grand Gala",
|
||||
price: "From $2,000",
|
||||
variant: "Sophisticated",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-photo-huge-bouquet-made-hydrangeas-standing-table-large-luxurious-room_627829-8201.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Bright Garden",
|
||||
price: "From $1,100",
|
||||
variant: "Fresh Airy",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-decor-wedding-restaurant_8353-9097.jpg",
|
||||
},
|
||||
{ id: "1", name: "Elegant Classic", price: "From $1,200", variant: "Classic Luxury", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-decoration-children-s-baptism_58702-1505.jpg?_wi=1" },
|
||||
{ id: "2", name: "Vintage Charm", price: "From $950", variant: "Rustic Warmth", imageSrc: "http://img.b2bpic.net/free-photo/golden-bottles-with-ribbons-pine-leaves_23-2148347375.jpg?_wi=1" },
|
||||
{ id: "3", name: "Boho Chic", price: "From $850", variant: "Free-spirited", imageSrc: "http://img.b2bpic.net/free-photo/champagne-flutes-decorated-with-tiny-roses-stand-table_8353-611.jpg?_wi=1" },
|
||||
{ id: "4", name: "Industrial Bold", price: "From $1,500", variant: "Urban Modern", imageSrc: "http://img.b2bpic.net/free-photo/close-up-glassware_107420-74258.jpg?_wi=1" }
|
||||
]}
|
||||
title="Our Decoration Styles"
|
||||
description="Select from our signature design packages to craft the perfect atmosphere for your venue."
|
||||
@@ -161,36 +84,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "500+",
|
||||
title: "Events Styled",
|
||||
items: [
|
||||
"Corporate galas",
|
||||
"Private parties",
|
||||
"Wedding celebrations",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "98%",
|
||||
title: "Client Satisfaction",
|
||||
items: [
|
||||
"Referral-based",
|
||||
"Trustworthy service",
|
||||
"Quality assurance",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "12",
|
||||
title: "Signature Styles",
|
||||
items: [
|
||||
"Classic",
|
||||
"Modern",
|
||||
"Custom tailored",
|
||||
],
|
||||
},
|
||||
{ id: "m1", value: "500+", title: "Events Styled", items: ["Corporate galas", "Private parties", "Wedding celebrations"] },
|
||||
{ id: "m2", value: "98%", title: "Client Satisfaction", items: ["Referral-based", "Trustworthy service", "Quality assurance"] },
|
||||
{ id: "m3", value: "12", title: "Signature Styles", items: ["Classic", "Modern", "Custom tailored"] },
|
||||
]}
|
||||
title="Our Impact in Numbers"
|
||||
description="Consistently delivering premium event styling for satisfied clients."
|
||||
@@ -198,68 +94,18 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFive
|
||||
<TestimonialCardOne
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Miller",
|
||||
date: "Jan 2024",
|
||||
title: "Wedding Client",
|
||||
quote: "The team transformed our reception into something truly magical.",
|
||||
tag: "Wedding",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17096.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/candles-bouquets-decorated-table_8353-10193.jpg?_wi=2",
|
||||
imageAlt: "happy client portrait smiling event",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "James Anderson",
|
||||
date: "Dec 2023",
|
||||
title: "Corporate Planner",
|
||||
quote: "Professional, punctual, and creatively outstanding.",
|
||||
tag: "Corporate",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/front-view-son-father-back_23-2148404214.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-decoration-children-s-baptism_58702-1505.jpg?_wi=2",
|
||||
imageAlt: "happy client portrait smiling event",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena Rossi",
|
||||
date: "Nov 2023",
|
||||
title: "Private Party",
|
||||
quote: "My birthday celebration looked amazing.",
|
||||
tag: "Birthday",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/young-woman-crossing-fingers_1187-3451.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/golden-bottles-with-ribbons-pine-leaves_23-2148347375.jpg?_wi=2",
|
||||
imageAlt: "happy client portrait smiling event",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Mark Wilson",
|
||||
date: "Oct 2023",
|
||||
title: "Wedding Client",
|
||||
quote: "Stress-free planning process with stunning results.",
|
||||
tag: "Wedding",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/family-portrait-expacting-couple-man-hugs-tender-pregnant-woma_8353-9127.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/champagne-flutes-decorated-with-tiny-roses-stand-table_8353-611.jpg?_wi=2",
|
||||
imageAlt: "happy client portrait smiling event",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Chloe Bennett",
|
||||
date: "Sep 2023",
|
||||
title: "Engagement Party",
|
||||
quote: "Incredible attention to detail throughout.",
|
||||
tag: "Event",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081912.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-glassware_107420-74258.jpg?_wi=2",
|
||||
imageAlt: "happy client portrait smiling event",
|
||||
},
|
||||
{ id: "1", name: "Sarah M.", role: "Parent", company: "Birthday Party", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-decoration-children-s-baptism_58702-1505.jpg?_wi=2" },
|
||||
{ id: "2", name: "James A.", role: "Planner", company: "Corporate Event", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/champagne-flutes-decorated-with-tiny-roses-stand-table_8353-611.jpg?_wi=2" },
|
||||
{ id: "3", name: "Elena R.", role: "Organizer", company: "Kid's Event", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-glassware_107420-74258.jpg?_wi=2" }
|
||||
]}
|
||||
title="Client Experiences"
|
||||
description="Hear what our clients say about their transformed celebrations."
|
||||
title="What Our Clients Say"
|
||||
description="Hear from parents and planners who trusted us with their special children's events and birthday parties."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -267,60 +113,35 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Grand Hall Venues",
|
||||
"Elite Event Group",
|
||||
"Luxury Inn",
|
||||
"Prime Conferencing",
|
||||
"Urban Gala Studios",
|
||||
"Classic Hospitality Inc",
|
||||
"Bright Star Catering",
|
||||
]}
|
||||
title="Trusted Partners & Venues"
|
||||
description="We are proud to collaborate with top-tier event spaces across the country."
|
||||
names={["Tiny Tots Venue", "Fun Zone Centers", "Playful Palaces", "Joyful Spaces", "Wonder Land Events"]}
|
||||
title="Trusted Venues for Kids"
|
||||
description="We partner with top-rated party venues to bring your event to life."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How far in advance should I book?",
|
||||
content: "We recommend booking at least 3-6 months in advance for peak wedding seasons.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do you handle outdoor venues?",
|
||||
content: "Yes, we specialize in both indoor and outdoor event styling.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Can I customize a package?",
|
||||
content: "Absolutely. We offer flexible options and custom consultations.",
|
||||
},
|
||||
{ id: "q1", title: "Do you specialize in birthday themes?", content: "Yes, we create custom birthday party themes tailored to your child's favorite characters or hobbies." },
|
||||
{ id: "q2", title: "What age groups do you cater to?", content: "Our event designs are perfect for all ages, from first birthdays to teen celebrations." },
|
||||
{ id: "q3", title: "Can we provide our own props?", content: "Absolutely! We're happy to incorporate your personal items into our event setups." },
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know about our decoration services."
|
||||
title="Birthday Party FAQ"
|
||||
description="Find answers to common questions about our children's party decoration services."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
<ContactSplitForm
|
||||
title="Book Your Child's Next Party"
|
||||
description="Get in touch and let's start planning the most memorable event for your little ones."
|
||||
inputs={[{ name: "name", type: "text", placeholder: "Parent's Name" }, { name: "email", type: "email", placeholder: "Email Address" }]}
|
||||
textarea={{ name: "details", placeholder: "Tell us about the celebration theme and venue..." }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-decoration-children-s-baptism_58702-1505.jpg?_wi=1"
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
text="Ready to design your perfect celebration? Our team is standing by to help you bring your vision to life."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us Now",
|
||||
href: "mailto:info@decorvibe.com",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -329,25 +150,13 @@ export default function LandingPage() {
|
||||
logoText="DecorVibe"
|
||||
copyrightText="© 2025 DecorVibe. All rights reserved."
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "#",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
{
|
||||
icon: Facebook,
|
||||
href: "#",
|
||||
ariaLabel: "Facebook",
|
||||
},
|
||||
{
|
||||
icon: Twitter,
|
||||
href: "#",
|
||||
ariaLabel: "Twitter",
|
||||
},
|
||||
{ icon: Instagram, href: "#", ariaLabel: "Instagram" },
|
||||
{ icon: Facebook, href: "#", ariaLabel: "Facebook" },
|
||||
{ icon: Twitter, href: "#", ariaLabel: "Twitter" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user