Merge version_1 into main #2
261
src/app/page.tsx
261
src/app/page.tsx
@@ -30,22 +30,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="AutoGrowth"
|
||||
/>
|
||||
@@ -53,22 +41,14 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "glowing-orb",
|
||||
}}
|
||||
background={{ variant: "glowing-orb" }}
|
||||
logoText="Automate Your Instagram & Facebook Growth 🚀"
|
||||
description="Get real followers, auto engagement & boost your business 24/7. Aaj se apni growth automate karo!"
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Try Free Demo",
|
||||
href: "#features",
|
||||
},
|
||||
{ text: "Get Started", href: "#contact" },
|
||||
{ text: "Try Free Demo", href: "#features" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/representations-user-experience-interface-design_23-2150104496.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/representations-user-experience-interface-design_23-2150104496.jpg"
|
||||
imageAlt="digital marketing dashboard neon"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -81,46 +61,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "AI-Powered Growth",
|
||||
description: "Smart targeting to find your ideal followers and engage them effectively.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-techno-background-with-connecting-dots_1048-5956.jpg",
|
||||
imageAlt: "artificial intelligence network background",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-holds-smartphone-scrolls-feed-night-close-hands-view_169016-69585.jpg",
|
||||
imageAlt: "modern app dashboard design",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/representations-user-experience-interface-design_23-2150104496.jpg?_wi=2",
|
||||
imageAlt: "artificial intelligence network background",
|
||||
title: "AI-Powered Growth", description: "Smart targeting to find your ideal followers and engage them effectively.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/abstract-techno-background-with-connecting-dots_1048-5956.jpg", imageAlt: "artificial intelligence network background" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/young-woman-holds-smartphone-scrolls-feed-night-close-hands-view_169016-69585.jpg", imageAlt: "modern app dashboard design" }
|
||||
},
|
||||
{
|
||||
title: "Auto DM Marketing",
|
||||
description: "Connect with your leads directly with personalized automated messages.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-optical-fiber-detail_23-2149182519.jpg",
|
||||
imageAlt: "artificial intelligence network background",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/admin-dashboard-panel-mobile-template_23-2147904153.jpg",
|
||||
imageAlt: "modern app dashboard design",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-positive-executive-work_1098-519.jpg?_wi=1",
|
||||
imageAlt: "artificial intelligence network background",
|
||||
title: "Auto DM Marketing", description: "Connect with your leads directly with personalized automated messages.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/beautiful-optical-fiber-detail_23-2149182519.jpg", imageAlt: "artificial intelligence network background" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-vector/admin-dashboard-panel-mobile-template_23-2147904153.jpg", imageAlt: "modern app dashboard design" }
|
||||
},
|
||||
{
|
||||
title: "Content Scheduling",
|
||||
description: "Never miss a beat. Plan and schedule your posts months in advance.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/industrial-plant-senior-engineer-implements-industry-40-automated-workflows_482257-126659.jpg",
|
||||
imageAlt: "artificial intelligence network background",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-bright-colorful-light-coming-out-laptop-screen-darkness_181624-31148.jpg",
|
||||
imageAlt: "modern app dashboard design",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-brown-suit-wearing-glasses-looking-camera-happy-positive-with-arms-crossed-standing-purple-background_141793-110749.jpg?_wi=1",
|
||||
imageAlt: "artificial intelligence network background",
|
||||
title: "Content Scheduling", description: "Never miss a beat. Plan and schedule your posts months in advance.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/industrial-plant-senior-engineer-implements-industry-40-automated-workflows_482257-126659.jpg", imageAlt: "artificial intelligence network background" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-bright-colorful-light-coming-out-laptop-screen-darkness_181624-31148.jpg", imageAlt: "modern app dashboard design" }
|
||||
},
|
||||
]}
|
||||
showStepNumbers={true}
|
||||
@@ -136,27 +86,9 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "50K+",
|
||||
title: "Active Users",
|
||||
description: "Growing daily.",
|
||||
icon: Users,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "1M+",
|
||||
title: "Followers Gained",
|
||||
description: "Across all platforms.",
|
||||
icon: TrendingUp,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "99.9%",
|
||||
title: "Uptime",
|
||||
description: "Reliable automation.",
|
||||
icon: ShieldCheck,
|
||||
},
|
||||
{ id: "m1", value: "50K+", title: "Active Users", description: "Growing daily.", icon: Users },
|
||||
{ id: "m2", value: "1M+", title: "Followers Gained", description: "Across all platforms.", icon: TrendingUp },
|
||||
{ id: "m3", value: "99.9%", title: "Uptime", description: "Reliable automation.", icon: ShieldCheck },
|
||||
]}
|
||||
title="Proven Results"
|
||||
description="We help thousands of businesses reach their potential."
|
||||
@@ -170,55 +102,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
tag: "Starter",
|
||||
price: "$29",
|
||||
period: "/mo",
|
||||
description: "Perfect for beginners.",
|
||||
button: {
|
||||
text: "Start Now",
|
||||
href: "#contact",
|
||||
},
|
||||
featuresTitle: "Includes:",
|
||||
features: [
|
||||
"Auto Posting",
|
||||
"DM Support",
|
||||
"Email Support",
|
||||
],
|
||||
id: "basic", tag: "Starter", price: "$29", period: "/mo", description: "Perfect for beginners.", button: { text: "Start Now", href: "#contact" },
|
||||
featuresTitle: "Includes:", features: ["Auto Posting", "DM Support", "Email Support"],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
tag: "Pro",
|
||||
price: "$59",
|
||||
period: "/mo",
|
||||
description: "Best for influencers.",
|
||||
button: {
|
||||
text: "Start Now",
|
||||
href: "#contact",
|
||||
},
|
||||
featuresTitle: "Includes:",
|
||||
features: [
|
||||
"Everything in Basic",
|
||||
"Advanced Analytics",
|
||||
"Priority Support",
|
||||
],
|
||||
id: "pro", tag: "Pro", price: "$59", period: "/mo", description: "Best for influencers.", button: { text: "Start Now", href: "#contact" },
|
||||
featuresTitle: "Includes:", features: ["Everything in Basic", "Advanced Analytics", "Priority Support"],
|
||||
},
|
||||
{
|
||||
id: "premium",
|
||||
tag: "Premium",
|
||||
price: "$99",
|
||||
period: "/mo",
|
||||
description: "Scale your business fast.",
|
||||
button: {
|
||||
text: "Start Now",
|
||||
href: "#contact",
|
||||
},
|
||||
featuresTitle: "Includes:",
|
||||
features: [
|
||||
"Everything in Pro",
|
||||
"AI Content Engine",
|
||||
"Dedicated Manager",
|
||||
],
|
||||
id: "premium", tag: "Premium", price: "$99", period: "/mo", description: "Scale your business fast.", button: { text: "Start Now", href: "#contact" },
|
||||
featuresTitle: "Includes:", features: ["Everything in Pro", "AI Content Engine", "Dedicated Manager"],
|
||||
},
|
||||
]}
|
||||
title="Choose Your Growth Plan"
|
||||
@@ -233,46 +126,11 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
role: "Influencer",
|
||||
company: "LifestyleBlog",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-positive-executive-work_1098-519.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mike R.",
|
||||
role: "Marketer",
|
||||
company: "AgencyX",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-brown-suit-wearing-glasses-looking-camera-happy-positive-with-arms-crossed-standing-purple-background_141793-110749.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily P.",
|
||||
role: "Business Owner",
|
||||
company: "BoutiqueShop",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-business-woman-portrait-outdoors_23-2148603027.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David L.",
|
||||
role: "Content Creator",
|
||||
company: "TechTuber",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-young-handsome-caucasian-man-wearing-glasses-standing-with-closed-posture-looking-side-isolated-crimson-background-with-copy-space_141793-77587.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Chloe M.",
|
||||
role: "Consultant",
|
||||
company: "GrowFast",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-businesswoman-her-office_329181-13386.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah J.", role: "Influencer", company: "LifestyleBlog", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-positive-executive-work_1098-519.jpg" },
|
||||
{ id: "2", name: "Mike R.", role: "Marketer", company: "AgencyX", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-brown-suit-wearing-glasses-looking-camera-happy-positive-with-arms-crossed-standing-purple-background_141793-110749.jpg" },
|
||||
{ id: "3", name: "Emily P.", role: "Business Owner", company: "BoutiqueShop", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/side-view-business-woman-portrait-outdoors_23-2148603027.jpg" },
|
||||
{ id: "4", name: "David L.", role: "Content Creator", company: "TechTuber", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-young-handsome-caucasian-man-wearing-glasses-standing-with-closed-posture-looking-side-isolated-crimson-background-with-copy-space_141793-77587.jpg" },
|
||||
{ id: "5", name: "Chloe M.", role: "Consultant", company: "GrowFast", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-businesswoman-her-office_329181-13386.jpg" },
|
||||
]}
|
||||
title="What Our Users Say"
|
||||
description="Real growth stories from our community."
|
||||
@@ -285,30 +143,11 @@ export default function LandingPage() {
|
||||
title="Start Growing Now"
|
||||
description="Ready to take your social media to the next level?"
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "whatsapp",
|
||||
type: "tel",
|
||||
placeholder: "WhatsApp Number",
|
||||
required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Email Address", required: true },
|
||||
{ name: "whatsapp", type: "tel", placeholder: "WhatsApp Number", required: true },
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Tell us about your goals",
|
||||
rows: 4,
|
||||
}}
|
||||
textarea={{ name: "message", placeholder: "Tell us about your goals", rows: 4 }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/finger-pressing-digital-graphic_1134-293.jpg"
|
||||
buttonText="Start Growing Now"
|
||||
/>
|
||||
@@ -320,43 +159,13 @@ export default function LandingPage() {
|
||||
logoText="AutoGrowth"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
title: "Company", items: [{ label: "About", href: "#" }, { label: "Contact", href: "#contact" }],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
title: "Services", items: [{ label: "Instagram", href: "#" }, { label: "Facebook", href: "#" }],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms", href: "#" }],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user