Files
aefcbd55-638e-43a2-bd02-c7e…/src/app/page.tsx
2026-06-13 07:19:29 +00:00

406 lines
15 KiB
TypeScript

"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroSplit from '@/components/sections/hero/HeroSplit';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import { CalendarCheck, CreditCard, MapPin, Sparkles } from "lucide-react";
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="hover-bubble"
defaultTextAnimation="background-highlight"
borderRadius="rounded"
contentWidth="compact"
sizing="mediumLarge"
background="grid"
cardStyle="subtle-shadow"
primaryButtonStyle="double-inset"
secondaryButtonStyle="layered"
headingFontWeight="medium"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home",
id: "/",
},
{
name: "About Us",
id: "/about",
},
{
name: "Gallery",
id: "/gallery",
},
{
name: "Pricing",
id: "/pricing",
},
{
name: "Contact",
id: "/contact",
},
]}
logoSrc="http://img.b2bpic.net/free-photo/many-white-tulips-green-chair-gray-background_8353-5761.jpg"
logoAlt="The Wedding Throne Logo"
brandName="The Wedding Throne"
button={{
text: "Book Now",
href: "/pricing",
}}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplit
background={{
variant: "radial-gradient",
}}
title="Elevate Your Day with Royal Elegance"
description="Discover exquisite wedding thrones designed to make your special day truly unforgettable. From timeless classics to modern masterpieces, we offer luxury rentals for a truly royal experience."
buttons={[
{
text: "Book Your Throne",
href: "/pricing",
},
{
text: "View Gallery",
href: "/gallery",
},
]}
imageSrc="https://web.facebook.com/photo/?fbid=1310534951072315&set=a.457839739675178&_wi=1"
imageAlt="Luxurious white and gold wedding throne"
mediaAnimation="slide-up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/smiling-bride-with-bouquet-close-portrait-studio_8353-6215.jpg",
alt: "Smiling bride with bouquet close portrait in studio",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-girl-posing-with-lily-flower_651396-1317.jpg",
alt: "Portrait of girl posing with lily flower",
},
{
src: "http://img.b2bpic.net/free-photo/beautiful-bride-with-wail-outdoors_624325-584.jpg",
alt: "beautiful bride with wail outdoors",
},
{
src: "http://img.b2bpic.net/free-photo/beautiful-bride-posing-medium-shot_23-2149860841.jpg",
alt: "Beautiful bride posing medium shot",
},
{
src: "http://img.b2bpic.net/free-photo/young-bride-groom-having-beach-wedding_23-2149043996.jpg",
alt: "Young bride and groom having a beach wedding",
},
]}
avatarText="Join our 500+ happy couples!"
marqueeItems={[
{
type: "image",
src: "http://img.b2bpic.net/free-photo/young-bride-groom-wedding-dress-outdoor_181624-42617.jpg",
alt: "Young bride and groom in wedding dress outdoor",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/young-man-holding-hands-with-elegant-woman-going-down-steps_23-2148012526.jpg",
alt: "Young man holding hands with elegant woman and going down on steps",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/silhouette-bride-groom-window_1153-6524.jpg",
alt: "Silhouette of a bride and groom next to the window.",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/wedding-wedding-day-beautiful-bride-elegant-groom-kissing_8353-5864.jpg",
alt: "Wedding. Wedding day. Beautiful bride and elegant groom kissing.",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/princess-golden-clothes-carries-candleholder-with-burning-candles_1304-3079.jpg",
alt: "Princess in golden clothes carries candleholder with burning candles",
},
]}
/>
</div>
<div id="about" data-section="about">
<TextSplitAbout
useInvertedBackground={true}
title="Crafting Moments of Majesty"
description={[
"At The Wedding Throne, we believe every couple deserves to feel like royalty on their wedding day. We specialize in providing luxurious wedding throne rentals that add an unparalleled touch of elegance and grandeur to your celebration.",
"Our curated collection features a diverse range of handcrafted thrones, meticulously designed to complement any wedding theme, from traditional grandeur to modern chic. We are committed to exceptional service, ensuring a seamless experience from selection to delivery.",
]}
buttons={[
{
text: "Our Story",
href: "/about",
},
]}
/>
</div>
<div id="features" data-section="features">
<FeatureCardTen
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
features={[
{
title: "Effortless Online Booking",
description: "Browse our exclusive collection, check availability, and reserve your perfect throne with just a few clicks through our intuitive online system.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/calendar-appointment-meeting-date-concept_53876-120967.jpg",
imageAlt: "Online booking system interface",
},
items: [
{
icon: CalendarCheck,
text: "Real-time Availability",
},
{
icon: MapPin,
text: "Venue Integration",
},
{
icon: CreditCard,
text: "Secure Payments",
},
],
reverse: false,
imageSrc: "https://web.facebook.com/photo/?fbid=1310534951072315&set=a.457839739675178&_wi=2",
imageAlt: "online booking system interface calendar",
},
{
title: "Personalized Consultation",
description: "Our experts are here to help you choose the ideal throne that perfectly aligns with your wedding theme and personal style.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/brides-couple-cutting-wedding-cake_8353-12243.jpg",
imageAlt: "Wedding consultation with a planner",
},
items: [
{
icon: Sparkles,
text: "Style Guidance",
},
{
icon: MessagesSquare,
text: "Dedicated Support",
},
{
icon: LayoutTemplate,
text: "Theme Matching",
},
],
reverse: true,
imageSrc: "http://img.b2bpic.net/free-photo/many-white-tulips-green-chair-gray-background_8353-5761.jpg?_wi=1",
imageAlt: "online booking system interface calendar",
},
]}
title="Your Royal Journey, Simplified"
description="We've designed our services to ensure every step of your wedding throne rental is as smooth and luxurious as your special day."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardFive
textboxLayout="default"
useInvertedBackground={true}
testimonials={[
{
id: "1",
name: "Sarah & John D.",
date: "October 2023",
title: "Absolutely Breathtaking!",
quote: "The gold throne we rented for our wedding was the centerpiece of our reception. It was even more stunning in person and truly made us feel like royalty. The delivery and setup were flawless!",
tag: "Fairytale Wedding",
avatarSrc: "http://img.b2bpic.net/free-photo/young-beautiful-bride-posing-against-window-hotel-room_1153-6034.jpg",
avatarAlt: "Sarah D. avatar",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiled-young-married-couple-celebrating-their-wedding-holding-hands-dancing_8353-11815.jpg",
imageAlt: "Wedding couple on a throne",
},
{
id: "2",
name: "Emily & Michael T.",
date: "September 2023",
title: "Exceptional Service & Quality",
quote: "From the moment we inquired to the final pickup, The Wedding Throne team was professional and accommodating. Our modern white throne was pristine and created the perfect photo opportunities.",
tag: "Modern Elegance",
avatarSrc: "http://img.b2bpic.net/free-photo/young-stylish-handsome-man-suit-street_158538-10196.jpg",
avatarAlt: "Emily T. avatar",
imageSrc: "http://img.b2bpic.net/free-photo/pompous-wedding-candy-bar-decorated-with-lavender-wedding-cake_8353-9831.jpg",
imageAlt: "Modern wedding throne setup",
},
{
id: "3",
name: "Jessica L.",
date: "August 2023",
title: "A Dream Come True",
quote: "I'm so glad we chose The Wedding Throne! The customer service was fantastic, and the throne itself was magnificent. It added such a luxurious feel to our head table.",
tag: "Luxurious Details",
avatarSrc: "http://img.b2bpic.net/free-photo/modern-female-sitting-couch_23-2148415753.jpg",
avatarAlt: "Jessica L. avatar",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-wedding-flowers-low-angle_23-2149617119.jpg",
imageAlt: "Elegant wedding reception decor",
},
{
id: "4",
name: "David & Maria K.",
date: "July 2023",
title: "Seamless Experience",
quote: "The booking process was incredibly easy, and the delivery team was punctual and respectful of our venue. The throne was exactly as pictured, if not more impressive. Highly recommend!",
tag: "Hassle-Free",
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-happy-young-businessman-looking-camera_23-2147839978.jpg",
avatarAlt: "David K. avatar",
imageSrc: "http://img.b2bpic.net/free-photo/place-wedding-ceremony-with-wedding-arch-decorated-with-flowers-white-chairs-each-side-archway-outdoors-preparation-wedding-ceremony-outdoors-near-lake_613910-4241.jpg",
imageAlt: "Outdoor wedding ceremony throne",
},
{
id: "5",
name: "Olivia P.",
date: "June 2023",
title: "Beyond Expectations",
quote: "Every guest commented on our beautiful throne! It truly elevated the aesthetic of our wedding and made us feel like royalty. Thank you for such an amazing product and service!",
tag: "Unforgettable Day",
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-woman-enjoying-drinks_23-2147859549.jpg",
avatarAlt: "Olivia P. avatar",
imageSrc: "http://img.b2bpic.net/free-photo/bride-preparing-wedding-ceremony_1303-10468.jpg",
imageAlt: "Wedding cake table with throne in background",
},
]}
title="Hear From Our Happy Couples"
description="Read what our clients have to say about their experience with The Wedding Throne and how we helped make their day extraordinary."
/>
</div>
<div id="social-proof" data-section="social-proof">
<SocialProofOne
textboxLayout="default"
useInvertedBackground={false}
names={[
"Grand Ballroom Estates",
"Diamond Event Planners",
"Royal Gardens Venue",
"Elegant Soiree Designs",
"Celestial Weddings Co.",
"Luxurious Celebrations",
"Prestige Event Group",
]}
title="Trusted by Leading Wedding Venues & Planners"
description="We proudly partner with top wedding industry professionals to bring unparalleled luxury to every event."
speed={35}
showCard={true}
/>
</div>
<div id="contact-home" data-section="contact-home">
<ContactSplit
useInvertedBackground={true}
background={{
variant: "plain",
}}
tag="Get in Touch"
title="Ready to Plan Your Royal Moment?"
description="Our team is eager to help you select the perfect wedding throne and ensure a seamless rental experience. Contact us today to discuss your vision."
imageSrc="http://img.b2bpic.net/free-photo/high-end-professional-cabinet-used-psychotherapy-meetings_482257-117710.jpg"
imageAlt="Elegant wedding planning consultation"
mediaAnimation="opacity"
inputPlaceholder="Enter your email"
buttonText="Send Inquiry"
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/curtains-with-flowers_1157-592.jpg?_wi=1"
imageAlt="Golden wedding details background"
logoText="The Wedding Throne"
columns={[
{
title: "Company",
items: [
{
label: "About Us",
href: "/about",
},
{
label: "Contact",
href: "/contact",
},
{
label: "Testimonials",
href: "/#testimonials",
},
],
},
{
title: "Services",
items: [
{
label: "Gallery",
href: "/gallery",
},
{
label: "Pricing",
href: "/pricing",
},
{
label: "Booking Info",
href: "/pricing#booking-info",
},
{
label: "Delivery",
href: "/about#delivery",
},
],
},
{
title: "Legal",
items: [
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms of Service",
href: "#",
},
],
},
{
title: "Connect",
items: [
{
label: "WhatsApp",
href: "https://wa.me/YOURPHONENUMBER",
},
{
label: "Facebook",
href: "https://facebook.com/TheWeddingThrone",
},
{
label: "Instagram",
href: "https://instagram.com/TheWeddingThrone",
},
],
},
]}
copyrightText="© 2024 The Wedding Throne. All rights reserved."
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}