Merge version_1 into main #2
330
src/app/page.tsx
330
src/app/page.tsx
@@ -17,27 +17,22 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="shift-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">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
{
|
||||
name: "Our Craft",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "#pricing",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Home", id: "#hero" },
|
||||
{ name: "Our Craft", id: "#about" },
|
||||
{ name: "Pricing", id: "#pricing" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="AmourLetter"
|
||||
/>
|
||||
@@ -46,95 +41,18 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Letters Written with Soul."
|
||||
description="Capture the essence of your feelings with timeless, hand-written letters crafted by master calligraphers. A gift that transcends time and digital screens."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Julian R.",
|
||||
handle: "@jules",
|
||||
testimonial: "The most beautiful gift I have ever given. It brought tears to her eyes.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-hand-is-putting-greeting-card-into-envelope_1150-34372.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "Elena M.",
|
||||
handle: "@elena",
|
||||
testimonial: "Exquisite handwriting and such attention to detail. Pure romance.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-embracing-after-proposal_23-2147736073.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "Marcus T.",
|
||||
handle: "@marcus",
|
||||
testimonial: "I couldn't have expressed my love better. Exceptional quality.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-vintage-writing-love-letter_23-2150784425.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "Sofia V.",
|
||||
handle: "@sofia",
|
||||
testimonial: "A truly unique experience. The wax seal was a perfect touch.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-wooden-word-love-books-cozy-items_169016-10129.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "Daniel K.",
|
||||
handle: "@daniel",
|
||||
testimonial: "Timeless art. My partner will keep this for years to come.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-tourist-straw-hat-smiling-looking-piece-paper-your-logo-standing-blue-back_1258-173885.jpg?_wi=1",
|
||||
},
|
||||
{ name: "Julian R.", handle: "@jules", testimonial: "The most beautiful gift I have ever given. It brought tears to her eyes.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-hand-is-putting-greeting-card-into-envelope_1150-34372.jpg" },
|
||||
{ name: "Elena M.", handle: "@elena", testimonial: "Exquisite handwriting and such attention to detail. Pure romance.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/couple-embracing-after-proposal_23-2147736073.jpg" },
|
||||
{ name: "Marcus T.", handle: "@marcus", testimonial: "I couldn't have expressed my love better. Exceptional quality.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/still-life-vintage-writing-love-letter_23-2150784425.jpg" },
|
||||
{ name: "Sofia V.", handle: "@sofia", testimonial: "A truly unique experience. The wax seal was a perfect touch.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-wooden-word-love-books-cozy-items_169016-10129.jpg" },
|
||||
{ name: "Daniel K.", handle: "@daniel", testimonial: "Timeless art. My partner will keep this for years to come.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-tourist-straw-hat-smiling-looking-piece-paper-your-logo-standing-blue-back_1258-173885.jpg" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-wedding-paper-envelope-with-dried-plants_23-2149374597.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-wedding-paper-envelope-with-dried-plants_23-2149374597.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-hand-is-putting-greeting-card-into-envelope_1150-34372.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/couple-embracing-after-proposal_23-2147736073.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/still-life-vintage-writing-love-letter_23-2150784425.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/still-life-with-wooden-word-love-books-cozy-items_169016-10129.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-tourist-straw-hat-smiling-looking-piece-paper-your-logo-standing-blue-back_1258-173885.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
]}
|
||||
avatarText="Loved by 5,000+ romantics"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Timeless Elegance",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Hand-Calligraphy",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Artisan Wax Seals",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Luxury Stationery",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Memories Forever",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -144,20 +62,11 @@ export default function LandingPage() {
|
||||
title="The Art of Intimacy"
|
||||
description="In an era of fleeting messages, we preserve the tradition of thoughtful, physical correspondence. Every letter is a bespoke piece of art, tailored to your specific story."
|
||||
metrics={[
|
||||
{
|
||||
value: "10k+",
|
||||
title: "Letters Crafted",
|
||||
},
|
||||
{
|
||||
value: "5k+",
|
||||
title: "Happy Couples",
|
||||
},
|
||||
{
|
||||
value: "99%",
|
||||
title: "Tear-Jerker Rate",
|
||||
},
|
||||
{ value: "10k+", title: "Letters Crafted" },
|
||||
{ value: "5k+", title: "Happy Couples" },
|
||||
{ value: "99%", title: "Tear-Jerker Rate" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-writing-romantic-love-letter-someone_23-2150636582.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-writing-romantic-love-letter-someone_23-2150636582.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -169,40 +78,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Calligraphy Artistry",
|
||||
description: "Masters of pen and ink bringing elegance to every stroke.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pink-rose-pencil-brown-paper-envelope-parcel-tied-with-strings-against-white-background_23-2147893947.jpg?_wi=1",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pink-rose-pencil-brown-paper-envelope-parcel-tied-with-strings-against-white-background_23-2147893947.jpg?_wi=2",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-wedding-paper-envelope-with-dried-plants_23-2149374597.jpg?_wi=2",
|
||||
imageAlt: "handwritten romantic letter on vintage paper",
|
||||
title: "Calligraphy Artistry", description: "Masters of pen and ink bringing elegance to every stroke.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/pink-rose-pencil-brown-paper-envelope-parcel-tied-with-strings-against-white-background_23-2147893947.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/pink-rose-pencil-brown-paper-envelope-parcel-tied-with-strings-against-white-background_23-2147893947.jpg" },
|
||||
},
|
||||
{
|
||||
title: "Bespoke Stationery",
|
||||
description: "Luxury heavy-stock paper that feels as good as it looks.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pink-rose-pencil-brown-paper-envelope-parcel-tied-with-strings-against-white-background_23-2147893947.jpg?_wi=3",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pink-rose-pencil-brown-paper-envelope-parcel-tied-with-strings-against-white-background_23-2147893947.jpg?_wi=4",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-writing-romantic-love-letter-someone_23-2150636582.jpg?_wi=2",
|
||||
imageAlt: "artist writing a letter by candlelight",
|
||||
title: "Bespoke Stationery", description: "Luxury heavy-stock paper that feels as good as it looks.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/pink-rose-pencil-brown-paper-envelope-parcel-tied-with-strings-against-white-background_23-2147893947.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/pink-rose-pencil-brown-paper-envelope-parcel-tied-with-strings-against-white-background_23-2147893947.jpg" },
|
||||
},
|
||||
{
|
||||
title: "Hand-Applied Seals",
|
||||
description: "Custom wax seals that secure your secret sentiment.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pink-rose-pencil-brown-paper-envelope-parcel-tied-with-strings-against-white-background_23-2147893947.jpg?_wi=5",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pink-rose-pencil-brown-paper-envelope-parcel-tied-with-strings-against-white-background_23-2147893947.jpg?_wi=6",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pink-rose-pencil-brown-paper-envelope-parcel-tied-with-strings-against-white-background_23-2147893947.jpg?_wi=7",
|
||||
imageAlt: "high quality artisan wax seal stamp",
|
||||
title: "Hand-Applied Seals", description: "Custom wax seals that secure your secret sentiment.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/pink-rose-pencil-brown-paper-envelope-parcel-tied-with-strings-against-white-background_23-2147893947.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/pink-rose-pencil-brown-paper-envelope-parcel-tied-with-strings-against-white-background_23-2147893947.jpg" },
|
||||
},
|
||||
]}
|
||||
showStepNumbers={true}
|
||||
@@ -218,53 +103,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
tag: "Essential",
|
||||
price: "$45",
|
||||
period: "letter",
|
||||
description: "A single beautifully penned romantic note on luxury paper.",
|
||||
button: {
|
||||
text: "Start Writing",
|
||||
},
|
||||
featuresTitle: "Includes:",
|
||||
features: [
|
||||
"Custom calligraphy",
|
||||
"Hand-stamped seal",
|
||||
"Premium envelope",
|
||||
],
|
||||
id: "basic", tag: "Essential", price: "$45", period: "letter", description: "A single beautifully penned romantic note on luxury paper.", button: { text: "Start Writing" }, featuresTitle: "Includes:", features: ["Custom calligraphy", "Hand-stamped seal", "Premium envelope"]
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
tag: "Storyteller",
|
||||
price: "$85",
|
||||
period: "letter",
|
||||
description: "For those with more to say, including archival-quality longform.",
|
||||
button: {
|
||||
text: "Start Writing",
|
||||
},
|
||||
featuresTitle: "Includes:",
|
||||
features: [
|
||||
"Extended length",
|
||||
"Custom scented paper",
|
||||
"Priority calligraphy",
|
||||
],
|
||||
id: "pro", tag: "Storyteller", price: "$85", period: "letter", description: "For those with more to say, including archival-quality longform.", button: { text: "Start Writing" }, featuresTitle: "Includes:", features: ["Extended length", "Custom scented paper", "Priority calligraphy"]
|
||||
},
|
||||
{
|
||||
id: "ultimate",
|
||||
tag: "Eternal",
|
||||
price: "$150",
|
||||
period: "collection",
|
||||
description: "A set of three letters for three occasions of love.",
|
||||
button: {
|
||||
text: "Start Writing",
|
||||
},
|
||||
featuresTitle: "Includes:",
|
||||
features: [
|
||||
"Set of three",
|
||||
"Elegant gift boxed",
|
||||
"White glove delivery",
|
||||
],
|
||||
},
|
||||
id: "ultimate", tag: "Eternal", price: "$150", period: "collection", description: "A set of three letters for three occasions of love.", button: { text: "Start Writing" }, featuresTitle: "Includes:", features: ["Set of three", "Elegant gift boxed", "White glove delivery"]
|
||||
}
|
||||
]}
|
||||
title="Choose Your Sentiment"
|
||||
description="A range of experiences for every depth of feeling."
|
||||
@@ -275,61 +121,18 @@ export default function LandingPage() {
|
||||
<TestimonialCardSixteen
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
animationType="blur-reveal"
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah J.",
|
||||
role: "Client",
|
||||
company: "Happy Reader",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-hand-is-putting-greeting-card-into-envelope_1150-34372.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Michael B.",
|
||||
role: "Client",
|
||||
company: "Happy Reader",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-embracing-after-proposal_23-2147736073.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily P.",
|
||||
role: "Client",
|
||||
company: "Happy Reader",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-vintage-writing-love-letter_23-2150784425.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David L.",
|
||||
role: "Client",
|
||||
company: "Happy Reader",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-wooden-word-love-books-cozy-items_169016-10129.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Rachel C.",
|
||||
role: "Client",
|
||||
company: "Happy Reader",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-tourist-straw-hat-smiling-looking-piece-paper-your-logo-standing-blue-back_1258-173885.jpg?_wi=2",
|
||||
},
|
||||
{ id: "t1", name: "Sarah J.", role: "Client", company: "Happy Reader", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-hand-is-putting-greeting-card-into-envelope_1150-34372.jpg" },
|
||||
{ id: "t2", name: "Michael B.", role: "Client", company: "Happy Reader", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/couple-embracing-after-proposal_23-2147736073.jpg" },
|
||||
{ id: "t3", name: "Emily P.", role: "Client", company: "Happy Reader", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/still-life-vintage-writing-love-letter_23-2150784425.jpg" },
|
||||
{ id: "t4", name: "David L.", role: "Client", company: "Happy Reader", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-wooden-word-love-books-cozy-items_169016-10129.jpg" },
|
||||
{ id: "t5", name: "Rachel C.", role: "Client", company: "Happy Reader", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-tourist-straw-hat-smiling-looking-piece-paper-your-logo-standing-blue-back_1258-173885.jpg" },
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "4.9",
|
||||
label: "Avg. Rating",
|
||||
},
|
||||
{
|
||||
value: "100+",
|
||||
label: "Cities Served",
|
||||
},
|
||||
{
|
||||
value: "5k+",
|
||||
label: "Smiles Delivered",
|
||||
},
|
||||
{ value: "4.9", label: "Avg. Rating" },
|
||||
{ value: "100+", label: "Cities Served" },
|
||||
{ value: "5k+", label: "Smiles Delivered" },
|
||||
]}
|
||||
title="Stories of Romance"
|
||||
description="From first love notes to 50th-anniversary keepsakes."
|
||||
@@ -339,16 +142,11 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Begin Your Message"
|
||||
description="Ready to immortalize your thoughts? Contact us and we will help you draft your perfect letter."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/red-envelope-with-flower-branches-table_23-2148055089.jpg"
|
||||
mediaPosition="left"
|
||||
inputPlaceholder="Enter your email for a consultation"
|
||||
buttonText="Start Today"
|
||||
tag="Contact Us"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -356,49 +154,13 @@ export default function LandingPage() {
|
||||
<FooterBaseCard
|
||||
logoText="AmourLetter"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "Our Story",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "FAQs",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Company", items: [{ label: "Our Story", href: "#about" }, { label: "Pricing", href: "#pricing" }] },
|
||||
{ title: "Support", items: [{ label: "Contact Us", href: "#contact" }, { label: "FAQs", href: "#" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user