Compare commits
1 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| b07edc2f2a |
232
src/app/page.tsx
232
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="AutoSite"
|
||||
/>
|
||||
@@ -55,23 +47,16 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Build Your Website in Seconds"
|
||||
description="Transform a simple text prompt into a professional, fully functional website with our AI-powered generation platform."
|
||||
kpis={[
|
||||
{
|
||||
value: "10s",
|
||||
label: "Build Time",
|
||||
},
|
||||
value: "10s", label: "Build Time"},
|
||||
{
|
||||
value: "5k+",
|
||||
label: "Sites Created",
|
||||
},
|
||||
value: "5k+", label: "Sites Created"},
|
||||
{
|
||||
value: "99.9%",
|
||||
label: "Uptime",
|
||||
},
|
||||
value: "99.9%", label: "Uptime"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/view-3d-gaming-device_23-2151005796.jpg"
|
||||
@@ -79,50 +64,30 @@ export default function LandingPage() {
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-senior-engineer-solar-panels-plant-reading-documentation_482257-120499.jpg",
|
||||
alt: "User 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-senior-engineer-solar-panels-plant-reading-documentation_482257-120499.jpg", alt: "User 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-smiley-man-darkroom_23-2149893830.jpg",
|
||||
alt: "User 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-smiley-man-darkroom_23-2149893830.jpg", alt: "User 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/blond-female-dressed-white-shirt-eyeglasses-holds-tablet-pc-grey-background_613910-14708.jpg",
|
||||
alt: "User 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/blond-female-dressed-white-shirt-eyeglasses-holds-tablet-pc-grey-background_613910-14708.jpg", alt: "User 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/luxurious-business-environment-used-corporate-culture-industry_482257-125612.jpg",
|
||||
alt: "User 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/luxurious-business-environment-used-corporate-culture-industry_482257-125612.jpg", alt: "User 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg",
|
||||
alt: "User 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg", alt: "User 5"},
|
||||
]}
|
||||
avatarText="Loved by 5,000+ developers"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Ultra-Fast Deployment",
|
||||
type: "text", text: "Ultra-Fast Deployment"},
|
||||
{
|
||||
type: "text-icon", text: "Secure Infrastructure", icon: Shield,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Secure Infrastructure",
|
||||
icon: Shield,
|
||||
type: "text", text: "AI-Driven Design"},
|
||||
{
|
||||
type: "text-icon", text: "Optimized Performance", icon: Zap,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "AI-Driven Design",
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Optimized Performance",
|
||||
icon: Zap,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Global Scaling",
|
||||
},
|
||||
type: "text", text: "Global Scaling"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -132,9 +97,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="The Future of Web Development"
|
||||
description={[
|
||||
"Our platform leverages advanced AI models to interpret natural language, translating your ideas into clean, professional code structure.",
|
||||
"Forget long development cycles. Our system automates the design, deployment, and optimization process, giving you back time to focus on your core business.",
|
||||
]}
|
||||
"Our platform leverages advanced AI models to interpret natural language, translating your ideas into clean, professional code structure.", "Forget long development cycles. Our system automates the design, deployment, and optimization process, giving you back time to focus on your core business."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -145,20 +108,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Instant Deployment",
|
||||
description: "Go live in seconds with built-in hosting and global CDN integration.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/data-center-admin-using-virtual-reality-setup-machine-learning-systems_482257-126322.jpg",
|
||||
},
|
||||
title: "Instant Deployment", description: "Go live in seconds with built-in hosting and global CDN integration.", imageSrc: "http://img.b2bpic.net/free-photo/data-center-admin-using-virtual-reality-setup-machine-learning-systems_482257-126322.jpg"},
|
||||
{
|
||||
title: "Auto-UX Design",
|
||||
description: "Our AI handles responsive layout, typography, and accessibility best practices automatically.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-office-workspace-equipped-digital-design-photo-editing_482257-126934.jpg",
|
||||
},
|
||||
title: "Auto-UX Design", description: "Our AI handles responsive layout, typography, and accessibility best practices automatically.", imageSrc: "http://img.b2bpic.net/free-photo/modern-office-workspace-equipped-digital-design-photo-editing_482257-126934.jpg"},
|
||||
{
|
||||
title: "Dynamic Content",
|
||||
description: "Easily update content and manage sections with our intuitive dashboard.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/online-shopping-concept_23-2151896830.jpg",
|
||||
},
|
||||
title: "Dynamic Content", description: "Easily update content and manage sections with our intuitive dashboard.", imageSrc: "http://img.b2bpic.net/free-photo/online-shopping-concept_23-2151896830.jpg"},
|
||||
]}
|
||||
title="Powerful Features"
|
||||
description="Everything you need to launch professional web projects at scale."
|
||||
@@ -167,27 +121,19 @@ export default function LandingPage() {
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Zap,
|
||||
title: "Time Saved",
|
||||
value: "95%",
|
||||
},
|
||||
id: "m1", icon: Zap,
|
||||
title: "Time Saved", value: "95%"},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Shield,
|
||||
title: "Security Rate",
|
||||
value: "99.9%",
|
||||
},
|
||||
id: "m2", icon: Shield,
|
||||
title: "Security Rate", value: "99.9%"},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Award,
|
||||
title: "User Rating",
|
||||
value: "4.9/5",
|
||||
},
|
||||
id: "m3", icon: Award,
|
||||
title: "User Rating", value: "4.9/5"},
|
||||
]}
|
||||
title="Proven Results"
|
||||
description="Our platform has accelerated project timelines for thousands of businesses."
|
||||
@@ -201,59 +147,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Miller",
|
||||
role: "CTO",
|
||||
company: "TechInnovate",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-engineer-solar-panels-plant-reading-documentation_482257-120499.jpg",
|
||||
},
|
||||
id: "t1", name: "Sarah Miller", role: "CTO", company: "TechInnovate", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-engineer-solar-panels-plant-reading-documentation_482257-120499.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Jessica Chen",
|
||||
role: "Lead Designer",
|
||||
company: "CreativeOps",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-darkroom_23-2149893830.jpg",
|
||||
},
|
||||
id: "t2", name: "Jessica Chen", role: "Lead Designer", company: "CreativeOps", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-darkroom_23-2149893830.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "David Smith",
|
||||
role: "Product Manager",
|
||||
company: "GrowthLogic",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blond-female-dressed-white-shirt-eyeglasses-holds-tablet-pc-grey-background_613910-14708.jpg",
|
||||
},
|
||||
id: "t3", name: "David Smith", role: "Product Manager", company: "GrowthLogic", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blond-female-dressed-white-shirt-eyeglasses-holds-tablet-pc-grey-background_613910-14708.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Emily Davis",
|
||||
role: "UX Researcher",
|
||||
company: "UserFlow",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxurious-business-environment-used-corporate-culture-industry_482257-125612.jpg",
|
||||
},
|
||||
id: "t4", name: "Emily Davis", role: "UX Researcher", company: "UserFlow", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxurious-business-environment-used-corporate-culture-industry_482257-125612.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Mark Wilson",
|
||||
role: "CEO",
|
||||
company: "StartUpDirect",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg",
|
||||
},
|
||||
id: "t5", name: "Mark Wilson", role: "CEO", company: "StartUpDirect", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "10k+",
|
||||
label: "Projects",
|
||||
},
|
||||
value: "10k+", label: "Projects"},
|
||||
{
|
||||
value: "450+",
|
||||
label: "Agencies",
|
||||
},
|
||||
value: "450+", label: "Agencies"},
|
||||
{
|
||||
value: "1M+",
|
||||
label: "Components",
|
||||
},
|
||||
value: "1M+", label: "Components"},
|
||||
]}
|
||||
title="Trusted by Professionals"
|
||||
description="See why industry leaders trust us for their web development needs."
|
||||
@@ -266,20 +181,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Is the code exportable?",
|
||||
content: "Yes, you can export your site code at any time for custom hosting.",
|
||||
},
|
||||
id: "q1", title: "Is the code exportable?", content: "Yes, you can export your site code at any time for custom hosting."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do I need coding skills?",
|
||||
content: "Absolutely not. Our platform generates production-ready code based on your prompt.",
|
||||
},
|
||||
id: "q2", title: "Do I need coding skills?", content: "Absolutely not. Our platform generates production-ready code based on your prompt."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Can I customize the design?",
|
||||
content: "Yes, you can refine any generated section using our intuitive design editor.",
|
||||
},
|
||||
id: "q3", title: "Can I customize the design?", content: "Yes, you can refine any generated section using our intuitive design editor."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Quick answers to help you get started."
|
||||
@@ -294,22 +200,14 @@ export default function LandingPage() {
|
||||
description="Ready to build your next project? Reach out and we'll help you start your journey."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Email Address", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Tell us about your project...",
|
||||
rows: 4,
|
||||
name: "message", placeholder: "Tell us about your project...", rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/computer-keyboard-cup-tea-wooden-table-night_169016-50573.jpg"
|
||||
@@ -320,37 +218,23 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
title: "Product", items: [
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Features", href: "#features"},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
label: "Pricing", href: "#pricing"},
|
||||
{
|
||||
label: "Security",
|
||||
href: "#",
|
||||
},
|
||||
label: "Security", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user