Update src/app/page.tsx
This commit is contained in:
348
src/app/page.tsx
348
src/app/page.tsx
@@ -13,258 +13,118 @@ import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCar
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="expand-hover"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
defaultButtonVariant="expand-hover"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Everlasting Nuptials"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Everlasting Nuptials"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="home" data-section="home">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
title="Crafting Your Perfect Wedding Day"
|
||||
description="We turn your dream wedding into a reality with meticulous planning, exquisite design, and flawless execution."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Planning",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/romantic-couple-celebrating-valentines-day-with-red-rose_23-2149216125.jpg",
|
||||
imageAlt: "Wedding desk detail",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-happy-bride-groom-which-eating-wedding-cake-kissing-each-other-while-standing-background-beautiful-wedding-arch-which-decorated-by-metal-roses-evening-ceremony_8353-12641.jpg",
|
||||
imageAlt: "Wedding venue",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-newlyweds-hands_1153-43.jpg",
|
||||
imageAlt: "Couple hands",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-elegant-luxurious-wedding-stationery-planner-resources_23-2150166936.jpg",
|
||||
imageAlt: "Rings detail",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-photographer-taking-photos-bride_23-2150264515.jpg",
|
||||
imageAlt: "Planner consulting",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicious-heart-shaped-glazed-cookie-standing-wooden-stand-near-candybar-with-different-desserts-like-yellow-cupcakes-red-jellies_7502-5692.jpg",
|
||||
imageAlt: "Wedding cake",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="home" data-section="home">
|
||||
<HeroBillboardCarousel
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Crafting Your Perfect Wedding Day"
|
||||
description="We turn your dream wedding into a reality with meticulous planning, exquisite design, and flawless execution."
|
||||
buttons={[{ text: "Start Planning", href: "#contact" }]}
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/romantic-couple-celebrating-valentines-day-with-red-rose_23-2149216125.jpg", imageAlt: "elegant wedding planning desk detail" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/side-view-happy-bride-groom-which-eating-wedding-cake-kissing-each-other-while-standing-background-beautiful-wedding-arch-which-decorated-by-metal-roses-evening-ceremony_8353-12641.jpg", imageAlt: "wedding venue interior wide shot" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-newlyweds-hands_1153-43.jpg", imageAlt: "bride and groom holding hands" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/view-elegant-luxurious-wedding-stationery-planner-resources_23-2150166936.jpg", imageAlt: "wedding rings detail soft light" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/side-view-photographer-taking-photos-bride_23-2150264515.jpg", imageAlt: "wedding planner consulting bride" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicious-heart-shaped-glazed-cookie-standing-wooden-stand-near-candybar-with-different-desserts-like-yellow-cupcakes-red-jellies_7502-5692.jpg", imageAlt: "wedding cake detail decoration" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Your Vision, Our Passion"
|
||||
description="At Everlasting Nuptials, we believe every love story deserves a unique and breathtaking celebration. Our team of expert planners brings creativity, precision, and a calm presence to ensure your wedding experience is nothing short of magical."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Tailored Design",
|
||||
description: "Custom themes and decor designed specifically for your aesthetic.",
|
||||
},
|
||||
{
|
||||
title: "Vendor Management",
|
||||
description: "We handpick and coordinate the best vendors in the industry.",
|
||||
},
|
||||
{
|
||||
title: "Flawless Execution",
|
||||
description: "Managing every detail on the big day so you can enjoy the moment.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/feminine-hands-creating-handmade-invitations_23-2148652069.jpg"
|
||||
imageAlt="Professional wedding planner"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Your Vision, Our Passion"
|
||||
description="At Everlasting Nuptials, we believe every love story deserves a unique and breathtaking celebration. Our team of expert planners brings creativity, precision, and a calm presence to ensure your wedding experience is nothing short of magical."
|
||||
bulletPoints={[
|
||||
{ title: "Tailored Design", description: "Custom themes and decor designed specifically for your aesthetic." },
|
||||
{ title: "Vendor Management", description: "We handpick and coordinate the best vendors in the industry." },
|
||||
{ title: "Flawless Execution", description: "Managing every detail on the big day so you can enjoy the moment." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/feminine-hands-creating-handmade-invitations_23-2148652069.jpg"
|
||||
imageAlt="wedding planner working on laptop"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Full-Service Planning",
|
||||
description: "From concept to the final dance, we manage every detail.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-wedding-planning-resources-arrangement_23-2150279504.jpg",
|
||||
imageAlt: "Planning timeline",
|
||||
},
|
||||
{
|
||||
title: "Vendor Coordination",
|
||||
description: "Curated selection and seamless communication with top-tier vendors.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wedding-ring-laptop-copy-space_23-2148652068.jpg",
|
||||
imageAlt: "Communication tools",
|
||||
},
|
||||
{
|
||||
title: "Budget Management",
|
||||
description: "Stay on track with transparent budget tracking and financial oversight.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/feminine-hands-writing-wedding-planner_23-2148652064.jpg",
|
||||
imageAlt: "Budget tracker",
|
||||
},
|
||||
]}
|
||||
title="Comprehensive Wedding Planning"
|
||||
description="Services designed to take the stress out of your wedding journey."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "Full-Service Planning", description: "From concept to the final dance, we manage every detail.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-wedding-planning-resources-arrangement_23-2150279504.jpg", imageAlt: "wedding timeline planner document" },
|
||||
{ title: "Vendor Coordination", description: "Curated selection and seamless communication with top-tier vendors.", imageSrc: "http://img.b2bpic.net/free-photo/wedding-ring-laptop-copy-space_23-2148652068.jpg", imageAlt: "wedding vendor communication tool" },
|
||||
{ title: "Budget Management", description: "Stay on track with transparent budget tracking and financial oversight.", imageSrc: "http://img.b2bpic.net/free-photo/feminine-hands-writing-wedding-planner_23-2148652064.jpg", imageAlt: "wedding budget tracking spreadsheet" },
|
||||
]}
|
||||
title="Comprehensive Wedding Planning"
|
||||
description="Services designed to take the stress out of your wedding journey."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Dream Come True",
|
||||
quote: "They made our wedding vision a reality beyond our expectations!",
|
||||
name: "Sarah & Tom",
|
||||
role: "Newlyweds",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-lady-long-white-dress-holding-decoration-smiling-daytime_176474-7211.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Stress-Free Day",
|
||||
quote: "We were able to enjoy our day knowing every detail was handled perfectly.",
|
||||
name: "Michael Chen",
|
||||
role: "Groom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-groom-smiling-holding-bridal-bouquet_176420-1139.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Absolute Perfection",
|
||||
quote: "A truly magical experience from start to finish.",
|
||||
name: "The Millers",
|
||||
role: "Couple",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-moments-tenderness-outside-bridal_1304-957.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Highly Recommended",
|
||||
quote: "Professional, kind, and incredibly organized. Five stars!",
|
||||
name: "Emily Rodriguez",
|
||||
role: "Bride",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/groom-gently-embraces-her-groom-forest_1153-5973.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "Simply Wonderful",
|
||||
quote: "Our guests are still talking about how beautiful the wedding was.",
|
||||
name: "David Kim",
|
||||
role: "Guest",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-stylish-friends-newlyweds-festival-outfits-hugging-each-other-smiling-posing-camera-wedding-walking-park-background_8353-12427.jpg",
|
||||
},
|
||||
]}
|
||||
title="Happily Ever After Stories"
|
||||
description="Hear what our beautiful couples have to say about their special day."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", title: "Dream Come True", quote: "They made our wedding vision a reality beyond our expectations!", name: "Sarah & Tom", role: "Newlyweds", imageSrc: "http://img.b2bpic.net/free-photo/pretty-lady-long-white-dress-holding-decoration-smiling-daytime_176474-7211.jpg" },
|
||||
{ id: "2", title: "Stress-Free Day", quote: "We were able to enjoy our day knowing every detail was handled perfectly.", name: "Michael Chen", role: "Groom", imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-groom-smiling-holding-bridal-bouquet_176420-1139.jpg" },
|
||||
{ id: "3", title: "Absolute Perfection", quote: "A truly magical experience from start to finish.", name: "The Millers", role: "Couple", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-moments-tenderness-outside-bridal_1304-957.jpg" },
|
||||
{ id: "4", title: "Highly Recommended", quote: "Professional, kind, and incredibly organized. Five stars!", name: "Emily Rodriguez", role: "Bride", imageSrc: "http://img.b2bpic.net/free-photo/groom-gently-embraces-her-groom-forest_1153-5973.jpg" },
|
||||
{ id: "5", title: "Simply Wonderful", quote: "Our guests are still talking about how beautiful the wedding was.", name: "David Kim", role: "Guest", imageSrc: "http://img.b2bpic.net/free-photo/front-view-stylish-friends-newlyweds-festival-outfits-hugging-each-other-smiling-posing-camera-wedding-walking-park-background_8353-12427.jpg" },
|
||||
]}
|
||||
title="Happily Ever After Stories"
|
||||
description="Hear what our beautiful couples have to say about their special day."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
tag="Let's Connect"
|
||||
title="Begin Your Planning Journey"
|
||||
description="Ready to discuss your dream wedding? Contact us for a complimentary consultation."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="Let's Connect"
|
||||
title="Begin Your Planning Journey"
|
||||
description="Ready to discuss your dream wedding? Contact us for a complimentary consultation."
|
||||
buttons={[{ text: "Contact Us", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Full Planning",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Partial Planning",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Consultation",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 Everlasting Nuptials."
|
||||
bottomRightText="Crafted with love."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{ title: "Services", items: [{ label: "Full Planning", href: "#" }, { label: "Partial Planning", href: "#" }, { label: "Consultation", href: "#" }] },
|
||||
{ title: "Company", items: [{ label: "About Us", href: "#" }, { label: "Careers", href: "#" }, { label: "Contact", href: "#contact" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
|
||||
]}
|
||||
bottomLeftText="© 2024 Everlasting Nuptials."
|
||||
bottomRightText="Crafted with love."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user