Merge version_1 into main #2
230
src/app/page.tsx
230
src/app/page.tsx
@@ -32,22 +32,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
{
|
||||
name: "Process",
|
||||
id: "#offer",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Home", id: "#hero" },
|
||||
{ name: "Process", id: "#offer" },
|
||||
{ name: "FAQ", id: "#faq" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="LaunchFoundry"
|
||||
/>
|
||||
@@ -55,42 +43,19 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Launch support for indie founders who have built the product"
|
||||
description="I help indie founders turn scattered attention into a clear launch flow — with better product narrative, beta signup pages, waitlists, launch assets, and the design support needed to move from “built” to “used.”"
|
||||
buttons={[
|
||||
{
|
||||
text: "See how it works",
|
||||
href: "#offer",
|
||||
},
|
||||
{
|
||||
text: "Book a diagnostic call",
|
||||
href: "#contact",
|
||||
},
|
||||
{ text: "See how it works", href: "#offer" },
|
||||
{ text: "Book a diagnostic call", href: "#contact" },
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-website-hosting-concept_23-2149484781.jpg?_wi=1",
|
||||
imageAlt: "saas dashboard",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-white-plate-geometric-pattern-floor-minimalist-design_169016-25290.jpg?_wi=1",
|
||||
imageAlt: "tech mockup",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-icon-traveling-vacation_23-2151037332.jpg?_wi=1",
|
||||
imageAlt: "web design",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ui-ux-representations-with-smart-watch_23-2150201853.jpg",
|
||||
imageAlt: "Ui and ux representations with smart watch",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-using-smart-home-application-with-voice-command-turn-light-by-tablet-lady-usin_482257-1940.jpg",
|
||||
imageAlt: "Young woman using smart home application with voice command to turn on the light",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-website-hosting-concept_23-2149484781.jpg", imageAlt: "saas dashboard" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/black-white-plate-geometric-pattern-floor-minimalist-design_169016-25290.jpg", imageAlt: "tech mockup" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/3d-icon-traveling-vacation_23-2151037332.jpg", imageAlt: "web design" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/ui-ux-representations-with-smart-watch_23-2150201853.jpg", imageAlt: "Ui and ux representations with smart watch" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/young-woman-using-smart-home-application-with-voice-command-turn-light-by-tablet-lady-usin_482257-1940.jpg", imageAlt: "Young woman using smart home application with voice command to turn on the light" },
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -112,50 +77,21 @@ export default function LandingPage() {
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Close to Launch",
|
||||
description: "You are building a product, or are close to launch.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smartphone-child-hands-with-incoming-mommy-call-screen_169016-42647.jpg",
|
||||
imageAlt: "smartphone ui",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/subscribe-newsletter-advertising-register-member-concept_53876-125132.jpg",
|
||||
imageAlt: "mobile form",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-website-hosting-concept_23-2149484781.jpg?_wi=2",
|
||||
imageAlt: "smartphone ui",
|
||||
title: "Close to Launch", description: "You are building a product, or are close to launch.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/smartphone-child-hands-with-incoming-mommy-call-screen_169016-42647.jpg", imageAlt: "smartphone ui" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/subscribe-newsletter-advertising-register-member-concept_53876-125132.jpg", imageAlt: "mobile form" }
|
||||
},
|
||||
{
|
||||
title: "Low Conversion",
|
||||
description: "You are getting some attention, but people are not converting.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/asian-woman-using-alcohol-spray-tissue-clean-mobile-phone-before-use-it-protect-coronavirus-female-clean-surface-hygiene-when-social-distancing-stay-home-self-quarantine-time_7861-2496.jpg",
|
||||
imageAlt: "smartphone ui",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/topview-notebook-mobile-phone-email-table-concept_53876-30091.jpg",
|
||||
imageAlt: "mobile form",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-white-plate-geometric-pattern-floor-minimalist-design_169016-25290.jpg?_wi=2",
|
||||
imageAlt: "smartphone ui",
|
||||
title: "Low Conversion", description: "You are getting some attention, but people are not converting.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/asian-woman-using-alcohol-spray-tissue-clean-mobile-phone-before-use-it-protect-coronavirus-female-clean-surface-hygiene-when-social-distancing-stay-home-self-quarantine-time_7861-2496.jpg", imageAlt: "smartphone ui" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/topview-notebook-mobile-phone-email-table-concept_53876-30091.jpg", imageAlt: "mobile form" }
|
||||
},
|
||||
{
|
||||
title: "Unclear Flow",
|
||||
description: "Your product exists, but your launch flow is still unclear.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ui-ux-representations-with-smartphone_23-2150201872.jpg",
|
||||
imageAlt: "smartphone ui",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-browsing-phone_53876-26234.jpg",
|
||||
imageAlt: "mobile form",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-icon-traveling-vacation_23-2151037332.jpg?_wi=2",
|
||||
imageAlt: "smartphone ui",
|
||||
title: "Unclear Flow", description: "Your product exists, but your launch flow is still unclear.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/ui-ux-representations-with-smartphone_23-2150201872.jpg", imageAlt: "smartphone ui" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/businessman-browsing-phone_53876-26234.jpg", imageAlt: "mobile form" }
|
||||
},
|
||||
]}
|
||||
showStepNumbers={true}
|
||||
@@ -171,30 +107,9 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Monthly Support",
|
||||
price: "$2,499",
|
||||
variant: "Sprint",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-hand-holding-paper-piece_23-2149930956.jpg",
|
||||
imageAlt: "design sprint",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Website Audit",
|
||||
price: "$999",
|
||||
variant: "Diagnostic",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-geometric-abstract-background_1048-11102.jpg",
|
||||
imageAlt: "design sprint",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Launch Review",
|
||||
price: "$1,499",
|
||||
variant: "Review",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-bright-bent-papers_23-2148428682.jpg",
|
||||
imageAlt: "design sprint",
|
||||
},
|
||||
{ id: "p1", name: "Monthly Support", price: "$2,499", variant: "Sprint", imageSrc: "http://img.b2bpic.net/free-photo/side-view-hand-holding-paper-piece_23-2149930956.jpg", imageAlt: "design sprint" },
|
||||
{ id: "p2", name: "Website Audit", price: "$999", variant: "Diagnostic", imageSrc: "http://img.b2bpic.net/free-photo/3d-geometric-abstract-background_1048-11102.jpg", imageAlt: "design sprint" },
|
||||
{ id: "p3", name: "Launch Review", price: "$1,499", variant: "Review", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-bright-bent-papers_23-2148428682.jpg", imageAlt: "design sprint" },
|
||||
]}
|
||||
title="Product Launch Design Support SPRINT"
|
||||
description="A monthly design support service for indie founders who need help building the launch layer around their product."
|
||||
@@ -208,21 +123,9 @@ export default function LandingPage() {
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "100%",
|
||||
description: "Launch focused design",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "Direct",
|
||||
description: "Clearer product narrative",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "High",
|
||||
description: "Conversion driven assets",
|
||||
},
|
||||
{ id: "m1", value: "100%", description: "Launch focused design" },
|
||||
{ id: "m2", value: "Direct", description: "Clearer product narrative" },
|
||||
{ id: "m3", value: "High", description: "Conversion driven assets" },
|
||||
]}
|
||||
title="Why This Works"
|
||||
description="Most founders do not fail because the product is not good enough, but because the launch flow is weak."
|
||||
@@ -231,49 +134,15 @@ export default function LandingPage() {
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
role: "CEO",
|
||||
testimonial: "Transformed our launch flow completely.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-business-man-with-laptop-office_1303-21054.jpg",
|
||||
imageAlt: "founder portrait",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
role: "CTO",
|
||||
testimonial: "Finally, we have clear launch assets.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/html-css-collage-concept-with-person_23-2150061967.jpg",
|
||||
imageAlt: "startup founder",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
role: "Marketing",
|
||||
testimonial: "Everything feels so much more intentional.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-interior-designer-home_23-2150334498.jpg",
|
||||
imageAlt: "designer portrait",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
role: "PM",
|
||||
testimonial: "The launch layer was exactly what we needed.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-working-as-team-company_23-2149136872.jpg",
|
||||
imageAlt: "tech founder",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Alice Wong",
|
||||
role: "Founder",
|
||||
testimonial: "Design support that actually moves the needle.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-surprised-curly-haired-woman-keeps-mouth-widely-opened-reacts-awesome-surprise-has-overjoyed-expression-dressed-orange-knitted-sweater_273609-46781.jpg",
|
||||
imageAlt: "customer portrait",
|
||||
},
|
||||
{ id: "1", name: "Sarah Johnson", role: "CEO", testimonial: "Transformed our launch flow completely.", imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-business-man-with-laptop-office_1303-21054.jpg", imageAlt: "founder portrait" },
|
||||
{ id: "2", name: "Michael Chen", role: "CTO", testimonial: "Finally, we have clear launch assets.", imageSrc: "http://img.b2bpic.net/free-photo/html-css-collage-concept-with-person_23-2150061967.jpg", imageAlt: "startup founder" },
|
||||
{ id: "3", name: "Emily Rodriguez", role: "Marketing", testimonial: "Everything feels so much more intentional.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-interior-designer-home_23-2150334498.jpg", imageAlt: "designer portrait" },
|
||||
{ id: "4", name: "David Kim", role: "PM", testimonial: "The launch layer was exactly what we needed.", imageSrc: "http://img.b2bpic.net/free-photo/people-working-as-team-company_23-2149136872.jpg", imageAlt: "tech founder" },
|
||||
{ id: "5", name: "Alice Wong", role: "Founder", testimonial: "Design support that actually moves the needle.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-surprised-curly-haired-woman-keeps-mouth-widely-opened-reacts-awesome-surprise-has-overjoyed-expression-dressed-orange-knitted-sweater_273609-46781.jpg", imageAlt: "customer portrait" },
|
||||
]}
|
||||
title="What Founders Say"
|
||||
description="Hear from indie founders who have used this launch support to scale their product."
|
||||
@@ -284,21 +153,9 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Is this a sprint or a subscription?",
|
||||
content: "This is monthly support because product launch rarely happens in one neat sprint.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do you code?",
|
||||
content: "No — I focus on launch-facing design, narrative, website structure, and assets.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Do you do full marketing?",
|
||||
content: "My role is to help you design the launch layer that supports attention and signup.",
|
||||
},
|
||||
{ id: "q1", title: "Is this a sprint or a subscription?", content: "This is monthly support because product launch rarely happens in one neat sprint." },
|
||||
{ id: "q2", title: "Do you code?", content: "No — I focus on launch-facing design, narrative, website structure, and assets." },
|
||||
{ id: "q3", title: "Do you do full marketing?", content: "My role is to help you design the launch layer that supports attention and signup." },
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -308,15 +165,10 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
text="Your product may already exist. The real question is: can the market receive it yet? If you want help building that missing layer, let’s talk."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book a diagnostic call",
|
||||
href: "#contact",
|
||||
},
|
||||
{ text: "Book a diagnostic call", href: "#contact" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -324,14 +176,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="LaunchFoundry"
|
||||
leftLink={{
|
||||
text: "Terms",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Privacy",
|
||||
href: "#",
|
||||
}}
|
||||
leftLink={{ text: "Terms", href: "#" }}
|
||||
rightLink={{ text: "Privacy", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user