Merge version_1 into main #1
237
src/app/page.tsx
237
src/app/page.tsx
@@ -29,24 +29,13 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "#features",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "#pricing",
|
||||
},
|
||||
{ name: "Home", id: "#hero" },
|
||||
{ name: "Features", id: "#features" },
|
||||
{ name: "Pricing", id: "#pricing" },
|
||||
]}
|
||||
brandName="Invite Link"
|
||||
button={{
|
||||
text: "Create your invite link",
|
||||
href: "/invite-link/new",
|
||||
}}
|
||||
text: "Create your invite link", href: "/invite-link/new"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -55,71 +44,21 @@ export default function LandingPage() {
|
||||
title="Turn Your Invitation Into an Experience"
|
||||
description="Create a beautiful, shareable link for your event. Guests can RSVP, get directions, add to calendar — all from one tap."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alex R.",
|
||||
handle: "@alex",
|
||||
testimonial: "The easiest way to organize my party.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-paper-sheets-desk_23-2148605188.jpg",
|
||||
},
|
||||
{
|
||||
name: "Sarah P.",
|
||||
handle: "@sarah",
|
||||
testimonial: "Everything in one place, so simple.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-setup-with-blank-stationery-coffee-cup-warm-aesthetics_24972-3020.jpg",
|
||||
},
|
||||
{
|
||||
name: "Jordan L.",
|
||||
handle: "@jordan",
|
||||
testimonial: "Best way to manage RSVPs ever.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lovely-decoration-with-cute-wedding-invitation_23-2148289675.jpg",
|
||||
},
|
||||
{
|
||||
name: "Casey M.",
|
||||
handle: "@casey",
|
||||
testimonial: "My guests loved the digital map integration.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/inspirational-quote-with-delicious-beverage_23-2149261753.jpg",
|
||||
},
|
||||
{
|
||||
name: "Morgan D.",
|
||||
handle: "@morgan",
|
||||
testimonial: "Professional and so easy to share via text.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cooking-desk-with-bread-smartphone_23-2147835213.jpg",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Create your invite link",
|
||||
href: "/invite-link/new",
|
||||
},
|
||||
{ name: "Alex R.", handle: "@alex", testimonial: "The easiest way to organize my party.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/top-view-paper-sheets-desk_23-2148605188.jpg" },
|
||||
{ name: "Sarah P.", handle: "@sarah", testimonial: "Everything in one place, so simple.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/elegant-setup-with-blank-stationery-coffee-cup-warm-aesthetics_24972-3020.jpg" },
|
||||
{ name: "Jordan L.", handle: "@jordan", testimonial: "Best way to manage RSVPs ever.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/lovely-decoration-with-cute-wedding-invitation_23-2148289675.jpg" },
|
||||
{ name: "Casey M.", handle: "@casey", testimonial: "My guests loved the digital map integration.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/inspirational-quote-with-delicious-beverage_23-2149261753.jpg" },
|
||||
{ name: "Morgan D.", handle: "@morgan", testimonial: "Professional and so easy to share via text.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cooking-desk-with-bread-smartphone_23-2147835213.jpg" },
|
||||
]}
|
||||
buttons={[{ text: "Create your invite link", href: "/invite-link/new" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-creative-arrangement-with-wedding-invitations_23-2148243958.jpg"
|
||||
imageAlt="invitation on phone editorial"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/glass-champagne-with-candle-table_23-2147947875.jpg",
|
||||
alt: "Glass of champagne with candle on table",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/top-view-smartphone-white-roses-envelope-yellow-backdrop_23-2147975886.jpg",
|
||||
alt: "Top view of smartphone; white roses and envelope on yellow backdrop",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/glass-champagne-with-phone-table_23-2147947877.jpg",
|
||||
alt: "Glass of champagne with phone on table",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/sign-up-register-online-internet-web-concept_53876-133557.jpg",
|
||||
alt: "Sign Up Register Online Internet Web Concept",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/arrow-silhouette-curved-paper-copy-space_23-2148445367.jpg",
|
||||
alt: "Arrow silhouette curved in paper and copy space",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/glass-champagne-with-candle-table_23-2147947875.jpg", alt: "Glass of champagne with candle on table" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/top-view-smartphone-white-roses-envelope-yellow-backdrop_23-2147975886.jpg", alt: "Top view of smartphone; white roses and envelope on yellow backdrop" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/glass-champagne-with-phone-table_23-2147947877.jpg", alt: "Glass of champagne with phone on table" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/sign-up-register-online-internet-web-concept_53876-133557.jpg", alt: "Sign Up Register Online Internet Web Concept" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/arrow-silhouette-curved-paper-copy-space_23-2148445367.jpg", alt: "Arrow silhouette curved in paper and copy space" },
|
||||
]}
|
||||
avatarText="Trusted by 10,000+ events"
|
||||
/>
|
||||
@@ -129,9 +68,7 @@ export default function LandingPage() {
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={false}
|
||||
title="A single, shareable page that turns every invitation into a moment your guests can tap, save, and remember."
|
||||
description={[
|
||||
"What is an invite link? A beautiful page for your event.",
|
||||
]}
|
||||
description={["What is an invite link? A beautiful page for your event."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -142,27 +79,9 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Choose Your Card",
|
||||
description: "Use a card you made, or upload your own design.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-love-letter-card-text-with-love-closeup_169016-4041.jpg",
|
||||
titleImageSrc: "",
|
||||
buttonText: "Start",
|
||||
},
|
||||
{
|
||||
title: "Customize it",
|
||||
description: "Add event details, enable RSVP, directions, and more.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-image-computer-office-keyboard-white-background_93675-134014.jpg",
|
||||
titleImageSrc: "",
|
||||
buttonText: "Edit",
|
||||
},
|
||||
{
|
||||
title: "Share It",
|
||||
description: "Get your permanent link and QR code. Pay once — it lives forever.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-pink-white-floral-bouquet-pastel-blue-background_84443-81785.jpg",
|
||||
titleImageSrc: "",
|
||||
buttonText: "Share",
|
||||
},
|
||||
{ title: "Choose Your Card", description: "Use a card you made, or upload your own design.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-love-letter-card-text-with-love-closeup_169016-4041.jpg", titleImageSrc: "", buttonText: "Start" },
|
||||
{ title: "Customize it", description: "Add event details, enable RSVP, directions, and more.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-image-computer-office-keyboard-white-background_93675-134014.jpg", titleImageSrc: "", buttonText: "Edit" },
|
||||
{ title: "Share It", description: "Get your permanent link and QR code. Pay once — it lives forever.", imageSrc: "http://img.b2bpic.net/free-photo/elegant-pink-white-floral-bouquet-pastel-blue-background_84443-81785.jpg", titleImageSrc: "", buttonText: "Share" },
|
||||
]}
|
||||
title="How it works"
|
||||
description="Getting started is simple."
|
||||
@@ -171,45 +90,16 @@ export default function LandingPage() {
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "One-Tap RSVP",
|
||||
description: "Guests confirm in seconds. No app required.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-wedding-planner-resources-arrangement_23-2150279509.jpg",
|
||||
titleImageSrc: "",
|
||||
buttonText: "View",
|
||||
},
|
||||
{
|
||||
title: "Add to Calendar",
|
||||
description: "One tap saves the date.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/new-business-ribbon-cutting-celebration-event-concept_53876-124065.jpg",
|
||||
titleImageSrc: "",
|
||||
buttonText: "View",
|
||||
},
|
||||
{
|
||||
title: "Get Directions",
|
||||
description: "Opens Maps directly with your venue pre-loaded.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-wedding-planner-resources-arrangement_23-2150279507.jpg",
|
||||
titleImageSrc: "",
|
||||
buttonText: "View",
|
||||
},
|
||||
{
|
||||
title: "Comments",
|
||||
description: "Guests leave wishes and messages.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-wedding-planning-resources-arrangement_23-2150279492.jpg",
|
||||
titleImageSrc: "",
|
||||
buttonText: "View",
|
||||
},
|
||||
{
|
||||
title: "QR Code",
|
||||
description: "Same link, perfect for paper invites.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/12-may-inscription-with-greeting-card-hearts_23-2148094177.jpg",
|
||||
titleImageSrc: "",
|
||||
buttonText: "View",
|
||||
},
|
||||
{ title: "One-Tap RSVP", description: "Guests confirm in seconds. No app required.", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-wedding-planner-resources-arrangement_23-2150279509.jpg", titleImageSrc: "", buttonText: "View" },
|
||||
{ title: "Add to Calendar", description: "One tap saves the date.", imageSrc: "http://img.b2bpic.net/free-photo/new-business-ribbon-cutting-celebration-event-concept_53876-124065.jpg", titleImageSrc: "", buttonText: "View" },
|
||||
{ title: "Get Directions", description: "Opens Maps directly with your venue pre-loaded.", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-wedding-planner-resources-arrangement_23-2150279507.jpg", titleImageSrc: "", buttonText: "View" },
|
||||
{ title: "Comments", description: "Guests leave wishes and messages.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-wedding-planning-resources-arrangement_23-2150279492.jpg", titleImageSrc: "", buttonText: "View" },
|
||||
{ title: "QR Code", description: "Same link, perfect for paper invites.", imageSrc: "http://img.b2bpic.net/free-photo/12-may-inscription-with-greeting-card-hearts_23-2148094177.jpg", titleImageSrc: "", buttonText: "View" },
|
||||
]}
|
||||
title="Everything your guests need"
|
||||
description="One link. All the essentials."
|
||||
@@ -223,24 +113,8 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Standard",
|
||||
price: "$24.99",
|
||||
subtitle: "One-time payment for lifetime access.",
|
||||
buttons: [
|
||||
{
|
||||
text: "Create your invite link",
|
||||
href: "/invite-link/new",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"RSVP tracking",
|
||||
"Add to Calendar",
|
||||
"Maps & Directions",
|
||||
"Guest comments",
|
||||
"QR Code",
|
||||
"Custom questions",
|
||||
],
|
||||
id: "basic", badge: "Standard", price: "$24.99", subtitle: "One-time payment for lifetime access.", buttons: [{ text: "Create your invite link", href: "/invite-link/new" }],
|
||||
features: ["RSVP tracking", "Add to Calendar", "Maps & Directions", "Guest comments", "QR Code", "Custom questions"],
|
||||
},
|
||||
]}
|
||||
title="Your invite link, paid once."
|
||||
@@ -253,36 +127,12 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "What is the difference between an invite link and an invitation?",
|
||||
content: "An invitation is the printable card itself. An invite link is a live page guests open on their phone.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "How long does the link stay live?",
|
||||
content: "Forever. One payment, no renewals.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Can I edit the details after I publish?",
|
||||
content: "Yes. Update the date or venue anytime.",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Do my guests need an account or app?",
|
||||
content: "No, guests just tap the link.",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "How do I share it?",
|
||||
content: "Send via WhatsApp, Messages, email, or QR code.",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
title: "How much does it cost?",
|
||||
content: "$24.99 once.",
|
||||
},
|
||||
{ id: "1", title: "What is the difference between an invite link and an invitation?", content: "An invitation is the printable card itself. An invite link is a live page guests open on their phone." },
|
||||
{ id: "2", title: "How long does the link stay live?", content: "Forever. One payment, no renewals." },
|
||||
{ id: "3", title: "Can I edit the details after I publish?", content: "Yes. Update the date or venue anytime." },
|
||||
{ id: "4", title: "Do my guests need an account or app?", content: "No, guests just tap the link." },
|
||||
{ id: "5", title: "How do I share it?", content: "Send via WhatsApp, Messages, email, or QR code." },
|
||||
{ id: "6", title: "How much does it cost?", content: "$24.99 once." },
|
||||
]}
|
||||
title="Good to know"
|
||||
description="Frequently asked questions."
|
||||
@@ -293,30 +143,17 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
text="Ready to get started?"
|
||||
buttons={[
|
||||
{
|
||||
text: "Create your invite link",
|
||||
href: "/invite-link/new",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Create your invite link", href: "/invite-link/new" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Invite Link"
|
||||
leftLink={{
|
||||
text: "Privacy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Terms",
|
||||
href: "#",
|
||||
}}
|
||||
leftLink={{ text: "Privacy", href: "#" }}
|
||||
rightLink={{ text: "Terms", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user