117 lines
5.1 KiB
TypeScript
117 lines
5.1 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
|
|
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
|
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
|
import { Heart } from 'lucide-react';
|
|
|
|
export default function WeddingRSVP() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="shift-hover"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="soft"
|
|
contentWidth="smallMedium"
|
|
sizing="largeSmall"
|
|
background="floatingGradient"
|
|
cardStyle="glass-elevated"
|
|
primaryButtonStyle="flat"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="light"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{ name: "Home", id: "home" },
|
|
{ name: "Our Story", id: "about" },
|
|
{ name: "RSVP", id: "contact" },
|
|
{ name: "Details", id: "faq" },
|
|
{ name: "Gallery", id: "gallery" }
|
|
]}
|
|
brandName="Sarah & James"
|
|
bottomLeftText="June 15, 2025"
|
|
bottomRightText="hello@sarahandjames.com"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardTestimonial
|
|
title="Celebrate with us—RSVP in 60 seconds"
|
|
description="Let us know you're coming and share any dietary needs. Your response helps us plan the perfect day."
|
|
tag="RSVP"
|
|
background={{ variant: "glowing-orb" }}
|
|
useInvertedBackground={false}
|
|
imageSrc="http://img.b2bpic.net/free-photo/man-woman-celebrating-their-wedding-beach_23-2149003474.jpg"
|
|
imageAlt="Engaged couple celebrating their upcoming wedding"
|
|
mediaAnimation="slide-up"
|
|
testimonials={[
|
|
{
|
|
name: "Sarah", handle: "The Bride", testimonial: "We can't wait to celebrate this special day with everyone we love. Your presence means the world to us!", rating: 5, imageSrc: "/placeholders/placeholder1.webp?_wi=1"
|
|
},
|
|
{
|
|
name: "James", handle: "The Groom", testimonial: "We've put so much thought into making this day unforgettable for our guests. Can't wait to see you there!", rating: 5, imageSrc: "/placeholders/placeholder1.webp?_wi=2"
|
|
},
|
|
{
|
|
name: "Emily", handle: "Maid of Honor", testimonial: "This wedding is going to be absolutely magical. They deserve the best celebration ever!", rating: 5, imageSrc: "/placeholders/placeholder1.webp?_wi=3"
|
|
},
|
|
{
|
|
name: "David", handle: "Best Man", testimonial: "Get ready for an amazing celebration. These two are perfect for each other!", rating: 5, imageSrc: "/placeholders/placeholder1.webp?_wi=4"
|
|
}
|
|
]}
|
|
buttons={[
|
|
{ text: "RSVP Now", href: "contact" },
|
|
{ text: "View Details", href: "faq" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCenter
|
|
tag="RSVP Form"
|
|
title="Tell Us You're Coming"
|
|
description="Complete this quick form so we can finalize seating arrangements and catering details. We'll send confirmation details and event logistics to your email within 24 hours."
|
|
tagIcon={Heart}
|
|
background={{ variant: "radial-gradient" }}
|
|
useInvertedBackground={false}
|
|
inputPlaceholder="Enter your email address"
|
|
buttonText="Submit RSVP"
|
|
termsText="By submitting, you confirm your attendance and agree to provide accurate contact details. We'll follow up with event details shortly."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseReveal
|
|
columns={[
|
|
{
|
|
title: "Event", items: [
|
|
{ label: "Date & Time", href: "#" },
|
|
{ label: "Venue", href: "#" },
|
|
{ label: "Travel", href: "#" },
|
|
{ label: "Accommodations", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Connect", items: [
|
|
{ label: "Instagram", href: "https://instagram.com" },
|
|
{ label: "Facebook", href: "https://facebook.com" },
|
|
{ label: "Contact Us", href: "contact" },
|
|
{ label: "Guest Book", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Info", items: [
|
|
{ label: "FAQ", href: "#" },
|
|
{ label: "Gift Registry", href: "#" },
|
|
{ label: "Parking", href: "#" },
|
|
{ label: "Privacy", href: "#" }
|
|
]
|
|
}
|
|
]}
|
|
copyrightText="© 2025 Sarah & James. All love reserved."
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |