512 lines
22 KiB
TypeScript
512 lines
22 KiB
TypeScript
"use client";
|
|
|
|
import Link from "next/link";
|
|
import { Heart, Users, Award, Star, Sparkles, Trophy, MessageCircle } from "lucide-react";
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
|
|
import HeroSplitDoubleCarousel from "@/components/sections/hero/HeroSplitDoubleCarousel";
|
|
import AboutMetric from "@/components/sections/about/AboutMetric";
|
|
import FeatureCardNine from "@/components/sections/feature/FeatureCardNine";
|
|
import TestimonialCardSix from "@/components/sections/testimonial/TestimonialCardSix";
|
|
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
|
|
import FaqSplitText from "@/components/sections/faq/FaqSplitText";
|
|
import ContactCTA from "@/components/sections/contact/ContactCTA";
|
|
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
|
|
|
|
export default function HomePage() {
|
|
const navItems = [
|
|
{ name: "Home", id: "home" },
|
|
{ name: "Services", id: "services" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Testimonials", id: "testimonials" },
|
|
{ name: "Contact", id: "contact" },
|
|
];
|
|
|
|
const footerColumns = [
|
|
{
|
|
title: "Company",
|
|
items: [
|
|
{ label: "Home", href: "/" },
|
|
{ label: "Services", href: "/services" },
|
|
{ label: "About Us", href: "/about" },
|
|
{ label: "Contact", href: "/contact" },
|
|
],
|
|
},
|
|
{
|
|
title: "Services",
|
|
items: [
|
|
{ label: "Full Event Planning", href: "#" },
|
|
{ label: "Venue & Catering", href: "#" },
|
|
{ label: "Decoration & Design", href: "#" },
|
|
{ label: "Photography Services", href: "#" },
|
|
],
|
|
},
|
|
{
|
|
title: "Contact Us",
|
|
items: [
|
|
{ label: "Phone: +94778011920", href: "tel:+94778011920" },
|
|
{ label: "WhatsApp: +94778011920", href: "https://wa.me/94778011920" },
|
|
{ label: "Colombo, Sri Lanka", href: "#" },
|
|
],
|
|
},
|
|
{
|
|
title: "Legal",
|
|
items: [
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Terms of Service", href: "#" },
|
|
{ label: "Cookie Policy", href: "#" },
|
|
],
|
|
},
|
|
];
|
|
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-stagger"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="soft"
|
|
contentWidth="smallMedium"
|
|
sizing="mediumLarge"
|
|
background="none"
|
|
cardStyle="solid"
|
|
primaryButtonStyle="double-inset"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple
|
|
brandName="Wedding Planning"
|
|
navItems={navItems}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitDoubleCarousel
|
|
title="Create Your Dream Wedding in Colombo"
|
|
description="Expert wedding planning services that transform your vision into reality. From intimate ceremonies to grand celebrations, we handle every detail with perfection and passion."
|
|
tag="Best Wedding Planners in Colombo"
|
|
tagIcon={Heart}
|
|
tagAnimation="slide-up"
|
|
background={{ variant: "radial-gradient" }}
|
|
leftCarouselItems={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/bride-groom-wedding-day-walking-outdoors-near-architecture_8353-5897.jpg",
|
|
imageAlt: "Elegant wedding ceremony setup",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/happy-smiling-family-studio-background-christmas-tree-with-gift_1328-2095.jpg",
|
|
imageAlt: "Beautiful bride and groom moments",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/greenery-bouquet-with-roses-stand-feast-table_8353-11476.jpg",
|
|
imageAlt: "Luxury wedding reception decor",
|
|
},
|
|
]}
|
|
rightCarouselItems={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/elegant-wedding-ceremony-aisle-decorated-with-flowers-drapes_23-2151978922.jpg",
|
|
imageAlt: "Wedding venue decoration",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-european-woman-wedding-dress-wearing-necklace-ring_343596-841.jpg",
|
|
imageAlt: "Romantic wedding details",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/happy-brides-admire-each-other_8353-9517.jpg",
|
|
imageAlt: "Perfect wedding moments",
|
|
},
|
|
]}
|
|
buttons={[
|
|
{
|
|
text: "Call Now: +94778011920",
|
|
href: "tel:+94778011920",
|
|
},
|
|
{
|
|
text: "Chat on WhatsApp",
|
|
href: "https://wa.me/94778011920?text=I%20am%20interested%20in%20your%20wedding%20planning%20services",
|
|
},
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
avatarText="5000+ Happy Couples Planned"
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/smiley-woman-with-curly-hair-posing-with-copy-space_23-2148728583.jpg",
|
|
alt: "Happy couple review",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/smiley-woman-talking-phone_23-2148461401.jpg",
|
|
alt: "Satisfied bride review",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/portrait-handsome-man-posing-outdoors_23-2149073989.jpg",
|
|
alt: "Wedding success review",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/portrait-happy-joyful-young-man-standing-doing-winner-gesture-clenching-fists-keeping-isolated-yellow-color-wall-background-studio_1150-63401.jpg",
|
|
alt: "Perfect event planning review",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<AboutMetric
|
|
title="Why Wedding Planning is Colombo's Most Trusted Wedding Planner"
|
|
metrics={[
|
|
{
|
|
icon: Users,
|
|
label: "Happy Couples",
|
|
value: "5000+",
|
|
},
|
|
{
|
|
icon: Award,
|
|
label: "Years Experience",
|
|
value: "15+",
|
|
},
|
|
{
|
|
icon: Heart,
|
|
label: "Successful Weddings",
|
|
value: "100%",
|
|
},
|
|
{
|
|
icon: Star,
|
|
label: "Client Satisfaction",
|
|
value: "4.9/5",
|
|
},
|
|
]}
|
|
metricsAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardNine
|
|
title="Our Comprehensive Wedding Planning Services"
|
|
description="Complete wedding planning solutions tailored to your vision and budget in Colombo"
|
|
tag="Services"
|
|
tagIcon={Sparkles}
|
|
tagAnimation="slide-up"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
showStepNumbers={true}
|
|
features={[
|
|
{
|
|
id: 1,
|
|
title: "Full Event Planning",
|
|
description: "End-to-end wedding planning from venue selection to execution. We coordinate every detail including vendor management, timeline creation, budget tracking, and day-of coordination.",
|
|
phoneOne: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/modern-wedding-concept-keyboard-copy-space_23-2148652050.jpg?_wi=1",
|
|
},
|
|
phoneTwo: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/business-people-working-office-with-digital-tablet_1301-6661.jpg?_wi=1",
|
|
},
|
|
buttons: [
|
|
{
|
|
text: "Learn More",
|
|
href: "#",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
id: 2,
|
|
title: "Venue & Catering",
|
|
description: "Access to premium venues across Colombo with curated catering options. We negotiate best rates and ensure perfect ambiance for your celebration.",
|
|
phoneOne: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/bride-groom-posing-verandah-somewhere-nature_1153-5989.jpg?_wi=1",
|
|
},
|
|
phoneTwo: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/catering-restaurant-service_624325-930.jpg?_wi=1",
|
|
},
|
|
buttons: [
|
|
{
|
|
text: "Explore Venues",
|
|
href: "#",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
id: 3,
|
|
title: "Decoration & Design",
|
|
description: "Bespoke wedding decoration and design that reflects your unique style. From flowers to lighting to thematic elements, we create stunning visual experiences.",
|
|
phoneOne: {
|
|
imageSrc: "http://img.b2bpic.net/free-vector/vision-board-template-design_742173-15274.jpg?_wi=1",
|
|
},
|
|
phoneTwo: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/wedding-bouquet-lies-grass_1304-5585.jpg?_wi=1",
|
|
},
|
|
buttons: [
|
|
{
|
|
text: "See Portfolio",
|
|
href: "#",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
id: 4,
|
|
title: "Photography & Videography",
|
|
description: "Professional photography and videography services capturing your precious moments. Premium equipment and experienced photographers ensure lasting memories.",
|
|
phoneOne: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-using-camera-her-vacation_23-2149092806.jpg?_wi=1",
|
|
},
|
|
phoneTwo: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/wedding-couple-made-from-back-groom_1153-7210.jpg?_wi=1",
|
|
},
|
|
buttons: [
|
|
{
|
|
text: "View Gallery",
|
|
href: "#",
|
|
},
|
|
],
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="why-choose" data-section="why-choose">
|
|
<FeatureCardNine
|
|
title="Why Choose Wedding Planning?"
|
|
description="What sets us apart as Colombo's premier wedding planning service"
|
|
tag="Our Advantages"
|
|
tagIcon={Trophy}
|
|
tagAnimation="slide-up"
|
|
animationType="opacity"
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
showStepNumbers={false}
|
|
features={[
|
|
{
|
|
id: 1,
|
|
title: "Expert Team",
|
|
description: "15+ years of wedding planning experience with a dedicated team of professionals who understand the intricacies of creating perfect celebrations.",
|
|
phoneOne: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/business-people-with-report-working-laptop_329181-17084.jpg?_wi=1",
|
|
},
|
|
phoneTwo: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-treatment-hairdresser-shop_23-2149230967.jpg?_wi=1",
|
|
},
|
|
},
|
|
{
|
|
id: 2,
|
|
title: "Local Knowledge",
|
|
description: "Deep connections with Colombo's best vendors, venues, and service providers. We leverage our network to get you the best quality at competitive rates.",
|
|
phoneOne: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-friends-making-lemonade_23-2149439429.jpg?_wi=1",
|
|
},
|
|
phoneTwo: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-asian-woman-relax-smile-happy-around-outdoor-swimming-pool-hotel-resort-with-sea-ocean-view_74190-9120.jpg?_wi=1",
|
|
},
|
|
},
|
|
{
|
|
id: 3,
|
|
title: "Budget Management",
|
|
description: "Transparent pricing and expert budget management. We deliver premium results while respecting your financial parameters and avoiding hidden costs.",
|
|
phoneOne: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-business-female-working_23-2148411856.jpg?_wi=1",
|
|
},
|
|
phoneTwo: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/shareholder-examining-infographics-resource-allocation-tablet_482257-122809.jpg?_wi=1",
|
|
},
|
|
},
|
|
{
|
|
id: 4,
|
|
title: "Personalized Service",
|
|
description: "Every wedding is unique. We customize our services to match your vision, culture, and preferences, ensuring your special day reflects who you are.",
|
|
phoneOne: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/envelope-calendar-laptop-flowers-smart-phone-spool-scissor-spiral-notebook-wooden-desk_23-2147936624.jpg?_wi=1",
|
|
},
|
|
phoneTwo: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/consultant-optimizing-spending-habits-clients-requesting-help_482257-91744.jpg?_wi=1",
|
|
},
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSix
|
|
title="Real Stories from Happy Couples"
|
|
description="Hear from couples whose weddings we've perfectly planned in Colombo"
|
|
tag="Client Testimonials"
|
|
tagIcon={MessageCircle}
|
|
tagAnimation="slide-up"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "1",
|
|
name: "Hansamali Liyanage",
|
|
handle: "Bride",
|
|
testimonial: "Truly amazing job done for my wedding day and make it as the most memorable day for both of us. From the beginning, I always wanted Wedding Planning to be my wedding planner because they have such a talent to enhance one's necessities and ideas.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/stock-photo-portrait-bearded-boyfriend-hugging-his-gorgeous-girlfriend-both-white-clothes-hugging-wheat-field-beautiful-wheat-field-background_132075-9469.jpg?_wi=1",
|
|
imageAlt: "Hansamali Liyanage",
|
|
icon: Star,
|
|
},
|
|
{
|
|
id: "2",
|
|
name: "Sarah Johnson",
|
|
handle: "Groom",
|
|
testimonial: "The team handled every detail with professionalism and care. Our wedding was executed flawlessly, and we felt completely supported throughout the entire process. Highly recommended!",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/wedding-couple-is-kissing-outdoors-near-wall-happy-smiled-couple-madly-love_8353-11210.jpg?_wi=1",
|
|
imageAlt: "Sarah Johnson",
|
|
icon: Star,
|
|
},
|
|
{
|
|
id: "3",
|
|
name: "Emily Rodriguez",
|
|
handle: "Bride",
|
|
testimonial: "From venue selection to final decoration, Wedding Planning made our dream wedding come true. They understood our vision perfectly and delivered beyond expectations.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/bride-smiling_1157-130.jpg?_wi=1",
|
|
imageAlt: "Emily Rodriguez",
|
|
icon: Star,
|
|
},
|
|
{
|
|
id: "4",
|
|
name: "David Kim",
|
|
handle: "Groom",
|
|
testimonial: "Working with this team was a breeze. They were responsive, creative, and incredibly organized. Our wedding was beautiful, and all guests commented on how perfectly everything was coordinated.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/boyfriend-front-girlfriend_1153-69.jpg",
|
|
imageAlt: "David Kim",
|
|
icon: Star,
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
title="Featured & Recognized"
|
|
description="Trusted by leading brands and featured in premier wedding publications across Sri Lanka"
|
|
names={[
|
|
"Colombo Wedding Magazine",
|
|
"Sri Lanka Events",
|
|
"Bride & Groom Herald",
|
|
"Luxury Weddings Asia",
|
|
"Premium Events Colombo",
|
|
"Sri Lanka Celebrations",
|
|
"Elite Wedding Planners Network",
|
|
]}
|
|
logos={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-vector/hand-drawn-wedding-logo-collectio_23-2148037337.jpg",
|
|
alt: "Colombo Wedding Magazine",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-vector/mardi-gras-label-collection_23-2148790710.jpg",
|
|
alt: "Sri Lanka Events",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-vector/stylish-monogram-logos-floral-line-minimalist-style_1017-38278.jpg",
|
|
alt: "Bride & Groom Herald",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-vector/set-golden-premium-stickers_23-2147629911.jpg",
|
|
alt: "Luxury Weddings Asia",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-vector/classic-emblem-with-initial_53876-85022.jpg",
|
|
alt: "Premium Events Colombo",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-vector/colourful-badges-new-year_23-2147720758.jpg",
|
|
alt: "Sri Lanka Celebrations",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-vector/business-card-design-abstract-style_23-2147929320.jpg",
|
|
alt: "Elite Wedding Planners Network",
|
|
},
|
|
]}
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
showCard={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitText
|
|
sideTitle="Common Questions About Wedding Planning"
|
|
sideDescription="Get answers to everything you need to know about our wedding planning services in Colombo"
|
|
faqs={[
|
|
{
|
|
id: "1",
|
|
title: "How much does wedding planning in Colombo typically cost?",
|
|
content: "Wedding planning costs vary based on guest count, venue, and services required. Our packages range from budget-friendly to luxury options. We provide transparent quotes with no hidden charges. Most of our clients invest between LKR 500,000 to LKR 10,000,000+ depending on their vision and scale. Contact us for a personalized quote.",
|
|
},
|
|
{
|
|
id: "2",
|
|
title: "How far in advance should we book Wedding Planning?",
|
|
content: "We recommend booking 6-12 months in advance for large weddings, but we can work with shorter timelines. For intimate ceremonies or simple events, 2-3 months may suffice. Early booking ensures better vendor availability and more time for customization.",
|
|
},
|
|
{
|
|
id: "3",
|
|
title: "What's included in your full wedding planning package?",
|
|
content: "Our complete package includes: venue selection and negotiation, catering coordination, decoration and design, vendor management, budget tracking, timeline creation, day-of coordination, photography/videography arrangement, and complete event execution. We also offer partial planning and day-of coordination services.",
|
|
},
|
|
{
|
|
id: "4",
|
|
title: "Can you accommodate cultural and religious requirements?",
|
|
content: "Absolutely! We specialize in multicultural weddings and understand diverse traditions. Whether it's a Buddhist ceremony, Hindu wedding, Christian celebration, or any other cultural tradition, we have experience coordinating all aspects respectfully and authentically.",
|
|
},
|
|
{
|
|
id: "5",
|
|
title: "What happens if something goes wrong on wedding day?",
|
|
content: "Our team is prepared for contingencies. We have backup plans for weather, vendor issues, and any unexpected situations. Our experienced coordinators handle day-of problems smoothly to ensure your day flows perfectly. Your peace of mind is our priority.",
|
|
},
|
|
{
|
|
id: "6",
|
|
title: "How do you stay within budget?",
|
|
content: "We provide transparent pricing upfront and track every expense. We negotiate vendor rates, find creative solutions to maximize value, and provide regular budget updates. If costs exceed targets, we inform you immediately with options to adjust.",
|
|
},
|
|
]}
|
|
faqsAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
buttons={[
|
|
{
|
|
text: "Call: +94778011920",
|
|
href: "tel:+94778011920",
|
|
},
|
|
{
|
|
text: "WhatsApp Us",
|
|
href: "https://wa.me/94778011920?text=I%20have%20questions%20about%20wedding%20planning%20services",
|
|
},
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCTA
|
|
tag="Ready to Plan Your Dream Wedding?"
|
|
tagIcon={Heart}
|
|
tagAnimation="slide-up"
|
|
title="Get In Touch With Our Wedding Planning Experts"
|
|
description="Contact us today to discuss your wedding vision, get personalized quotes, and start planning your perfect day. Available for consultations Monday-Sunday."
|
|
buttons={[
|
|
{
|
|
text: "Call Now: +94778011920",
|
|
href: "tel:+94778011920",
|
|
},
|
|
{
|
|
text: "Chat on WhatsApp",
|
|
href: "https://wa.me/94778011920?text=I%20want%20to%20discuss%20my%20wedding%20plans",
|
|
},
|
|
{
|
|
text: "Book Consultation",
|
|
href: "#",
|
|
},
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
background={{ variant: "radial-gradient" }}
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseReveal
|
|
columns={footerColumns}
|
|
copyrightText="© 2024 Wedding Planning. All rights reserved. Premier Wedding Planning Services in Colombo, Sri Lanka."
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |