Update src/app/page.tsx
This commit is contained in:
291
src/app/page.tsx
291
src/app/page.tsx
@@ -7,7 +7,7 @@ import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
|
||||
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
|
||||
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
@@ -33,103 +33,24 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "How it works",
|
||||
id: "how-it-works",
|
||||
},
|
||||
name: "How it works", id: "how-it-works"},
|
||||
{
|
||||
name: "Success Stories",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Success Stories", id: "testimonials"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
name: "FAQ", id: "faq"},
|
||||
]}
|
||||
brandName="Rocketspace"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
<HeroBillboardScroll
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Start your offline business from 0 to 1 in hours"
|
||||
description="All you need is an idea. Rocketspace coordinates your legal, brand, location, operations, and much more with AI. No account needed. Start in 60 seconds."
|
||||
kpis={[
|
||||
{
|
||||
value: "60s",
|
||||
label: "Launch speed",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Compliant",
|
||||
},
|
||||
{
|
||||
value: "10k+",
|
||||
label: "Businesses",
|
||||
},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Join Waitlist →",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Join Waitlist →", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-vector/start-up-landing-startup-landing-page_23-2148261217.jpg?_wi=1"
|
||||
imageAlt="Rocket launch illustration"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-smiley-drag-queen-indoors_23-2149556820.jpg",
|
||||
alt: "Portrait 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-confident-woman-startup-manager-office-posing-with-confidence-looking_1258-195341.jpg",
|
||||
alt: "Portrait 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/positive-smiling-woman-with-collected-hair-wearing-white-shirt_291650-656.jpg",
|
||||
alt: "Portrait 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17096.jpg",
|
||||
alt: "Portrait 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-sitting_23-2149213193.jpg",
|
||||
alt: "Portrait 5",
|
||||
},
|
||||
]}
|
||||
avatarText="Join 10,000+ happy founders"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Fast Launch",
|
||||
icon: Rocket,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Legal Ready",
|
||||
icon: Shield,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Brand AI",
|
||||
icon: Palette,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Ops Scale",
|
||||
icon: Settings,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Local SEO",
|
||||
icon: MapPin,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -140,19 +61,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Shield,
|
||||
label: "Legal Setup",
|
||||
value: "Automated",
|
||||
},
|
||||
label: "Legal Setup", value: "Automated"},
|
||||
{
|
||||
icon: Palette,
|
||||
label: "Brand Identity",
|
||||
value: "Instant",
|
||||
},
|
||||
label: "Brand Identity", value: "Instant"},
|
||||
{
|
||||
icon: MapPin,
|
||||
label: "Location Scout",
|
||||
value: "AI Powered",
|
||||
},
|
||||
label: "Location Scout", value: "AI Powered"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -165,48 +80,27 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
label: "Phase 1",
|
||||
title: "Legal Foundation",
|
||||
items: [
|
||||
"Entity filing",
|
||||
"Compliance check",
|
||||
"Tax registration",
|
||||
],
|
||||
id: "f1", label: "Phase 1", title: "Legal Foundation", items: [
|
||||
"Entity filing", "Compliance check", "Tax registration"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Learn more",
|
||||
},
|
||||
text: "Learn more"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
label: "Phase 2",
|
||||
title: "Branding",
|
||||
items: [
|
||||
"Logo generation",
|
||||
"Tone of voice",
|
||||
"Asset creation",
|
||||
],
|
||||
id: "f2", label: "Phase 2", title: "Branding", items: [
|
||||
"Logo generation", "Tone of voice", "Asset creation"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Learn more",
|
||||
},
|
||||
text: "Learn more"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
label: "Phase 3",
|
||||
title: "Operations",
|
||||
items: [
|
||||
"Supply chain",
|
||||
"Inventory setup",
|
||||
"Accounting tools",
|
||||
],
|
||||
id: "f3", label: "Phase 3", title: "Operations", items: [
|
||||
"Supply chain", "Inventory setup", "Accounting tools"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Learn more",
|
||||
},
|
||||
text: "Learn more"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -222,26 +116,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "1500+",
|
||||
title: "Bakery Launches",
|
||||
description: "Local bakeries opened this month.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/modern-business-25-line-icon-pack-including-meeting-consulting-corporate-business-pass_1142-23727.jpg?_wi=1",
|
||||
},
|
||||
id: "m1", value: "1500+", title: "Bakery Launches", description: "Local bakeries opened this month.", imageSrc: "http://img.b2bpic.net/free-vector/modern-business-25-line-icon-pack-including-meeting-consulting-corporate-business-pass_1142-23727.jpg?_wi=1"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "800+",
|
||||
title: "Gyms Built",
|
||||
description: "Fitness centers in record time.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/phoenix-with-burning-wings-feathers-generative-ai_8829-2886.jpg?_wi=1",
|
||||
},
|
||||
id: "m2", value: "800+", title: "Gyms Built", description: "Fitness centers in record time.", imageSrc: "http://img.b2bpic.net/free-photo/phoenix-with-burning-wings-feathers-generative-ai_8829-2886.jpg?_wi=1"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "2000+",
|
||||
title: "Salon Startups",
|
||||
description: "Beauty businesses fully operational.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/start-up-company-background_1268-1303.jpg?_wi=1",
|
||||
},
|
||||
id: "m3", value: "2000+", title: "Salon Startups", description: "Beauty businesses fully operational.", imageSrc: "http://img.b2bpic.net/free-vector/start-up-company-background_1268-1303.jpg?_wi=1"},
|
||||
]}
|
||||
title="Proven Success"
|
||||
description="Real impact for real people building their dream businesses every day."
|
||||
@@ -253,14 +132,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"BakeryHub",
|
||||
"FitnessPro",
|
||||
"SalonMaster",
|
||||
"LegalEase",
|
||||
"BrandFuel",
|
||||
"OpsReady",
|
||||
"LocalLaunch",
|
||||
]}
|
||||
"BakeryHub", "FitnessPro", "SalonMaster", "LegalEase", "BrandFuel", "OpsReady", "LocalLaunch"]}
|
||||
title="Supported by the best in the industry"
|
||||
description="We partner with leading operational services to ensure your business starts strong."
|
||||
/>
|
||||
@@ -272,60 +144,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Jenkins",
|
||||
date: "Oct 2023",
|
||||
title: "Bakery Owner",
|
||||
quote: "I thought starting a business was impossible until Rocketspace. I had my bakery doors open in three days.",
|
||||
tag: "Bakery",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-smiling_93675-133804.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/start-up-landing-startup-landing-page_23-2148261217.jpg?_wi=2",
|
||||
imageAlt: "business founder portrait soft",
|
||||
},
|
||||
id: "1", name: "Sarah Jenkins", date: "Oct 2023", title: "Bakery Owner", quote: "I thought starting a business was impossible until Rocketspace. I had my bakery doors open in three days.", tag: "Bakery", avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-smiling_93675-133804.jpg", imageSrc: "http://img.b2bpic.net/free-vector/start-up-landing-startup-landing-page_23-2148261217.jpg?_wi=2", imageAlt: "business founder portrait soft"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark Stevens",
|
||||
date: "Sep 2023",
|
||||
title: "Gym Founder",
|
||||
quote: "The legal and financial steps felt so easy. Truly a game changer for me.",
|
||||
tag: "Fitness",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-sitting-chair_23-2149213192.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/modern-business-25-line-icon-pack-including-meeting-consulting-corporate-business-pass_1142-23727.jpg?_wi=2",
|
||||
imageAlt: "business founder portrait soft",
|
||||
},
|
||||
id: "2", name: "Mark Stevens", date: "Sep 2023", title: "Gym Founder", quote: "The legal and financial steps felt so easy. Truly a game changer for me.", tag: "Fitness", avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-sitting-chair_23-2149213192.jpg", imageSrc: "http://img.b2bpic.net/free-vector/modern-business-25-line-icon-pack-including-meeting-consulting-corporate-business-pass_1142-23727.jpg?_wi=2", imageAlt: "business founder portrait soft"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena Rodriguez",
|
||||
date: "Aug 2023",
|
||||
title: "Salon Owner",
|
||||
quote: "Rocketspace helped me build my brand identity without any design experience.",
|
||||
tag: "Beauty",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/woman-sitting-stairs-drinking-coffee-using-phone_1303-31726.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/phoenix-with-burning-wings-feathers-generative-ai_8829-2886.jpg?_wi=2",
|
||||
imageAlt: "business founder portrait soft",
|
||||
},
|
||||
id: "3", name: "Elena Rodriguez", date: "Aug 2023", title: "Salon Owner", quote: "Rocketspace helped me build my brand identity without any design experience.", tag: "Beauty", avatarSrc: "http://img.b2bpic.net/free-photo/woman-sitting-stairs-drinking-coffee-using-phone_1303-31726.jpg", imageSrc: "http://img.b2bpic.net/free-photo/phoenix-with-burning-wings-feathers-generative-ai_8829-2886.jpg?_wi=2", imageAlt: "business founder portrait soft"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Choi",
|
||||
date: "Jul 2023",
|
||||
title: "Founder",
|
||||
quote: "Fast, reliable, and incredibly helpful for a first-time business owner.",
|
||||
tag: "Retail",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-woman-smiling-kitchen_107420-12357.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/start-up-company-background_1268-1303.jpg?_wi=2",
|
||||
imageAlt: "business founder portrait soft",
|
||||
},
|
||||
id: "4", name: "David Choi", date: "Jul 2023", title: "Founder", quote: "Fast, reliable, and incredibly helpful for a first-time business owner.", tag: "Retail", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-woman-smiling-kitchen_107420-12357.jpg", imageSrc: "http://img.b2bpic.net/free-vector/start-up-company-background_1268-1303.jpg?_wi=2", imageAlt: "business founder portrait soft"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Amanda White",
|
||||
date: "Jun 2023",
|
||||
title: "Cafe Founder",
|
||||
quote: "I launched my cafe concept in hours. Unbelievable efficiency.",
|
||||
tag: "Food",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/smiling-beautiful-asian-girl-barista-working-cafe-holding-cup-tea-giving-client-their-order_1258-199284.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/letter-i-big-logo-pack-design-creative-modern-logos-design-your-business-vector-brand-name-illustration_1142-15472.jpg",
|
||||
imageAlt: "business founder portrait soft",
|
||||
},
|
||||
id: "5", name: "Amanda White", date: "Jun 2023", title: "Cafe Founder", quote: "I launched my cafe concept in hours. Unbelievable efficiency.", tag: "Food", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-beautiful-asian-girl-barista-working-cafe-holding-cup-tea-giving-client-their-order_1258-199284.jpg", imageSrc: "http://img.b2bpic.net/free-vector/letter-i-big-logo-pack-design-creative-modern-logos-design-your-business-vector-brand-name-illustration_1142-15472.jpg", imageAlt: "business founder portrait soft"},
|
||||
]}
|
||||
title="Loved by founders everywhere"
|
||||
description="Hear from the people who launched their dreams using Rocketspace."
|
||||
@@ -338,25 +165,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do I need technical skills?",
|
||||
content: "Absolutely not. Rocketspace is designed for non-tech founders.",
|
||||
},
|
||||
id: "q1", title: "Do I need technical skills?", content: "Absolutely not. Rocketspace is designed for non-tech founders."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Is it legal?",
|
||||
content: "Yes, we handle all compliance and regulatory filings automatically.",
|
||||
},
|
||||
id: "q2", title: "Is it legal?", content: "Yes, we handle all compliance and regulatory filings automatically."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "How long does it take?",
|
||||
content: "You can go from idea to business-ready in just a few hours.",
|
||||
},
|
||||
id: "q3", title: "How long does it take?", content: "You can go from idea to business-ready in just a few hours."},
|
||||
{
|
||||
id: "q4",
|
||||
title: "Can I use my own brand?",
|
||||
content: "Yes, our AI helps build upon your vision, or you can use your own assets.",
|
||||
},
|
||||
id: "q4", title: "Can I use my own brand?", content: "Yes, our AI helps build upon your vision, or you can use your own assets."},
|
||||
]}
|
||||
title="Frequently asked questions"
|
||||
description="Everything you need to know about starting your business with Rocketspace."
|
||||
@@ -368,14 +183,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
text="Ready to launch your dream? Join the waitlist today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Join Waitlist Now",
|
||||
href: "#",
|
||||
},
|
||||
text: "Join Waitlist Now", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -384,42 +196,27 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
title: "Product", items: [
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Features", href: "#features"},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#",
|
||||
},
|
||||
label: "Pricing", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
label: "About Us", href: "#"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -430,4 +227,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user