From c19def1b670e6e18b9cefc9739b11870137f6bc1 Mon Sep 17 00:00:00 2001 From: bender Date: Sun, 22 Mar 2026 10:39:07 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 252 +++++++++++++---------------------------------- 1 file changed, 71 insertions(+), 181 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 4986f14..c10adc9 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -23,8 +23,7 @@ export default function HomePage() { const footerColumns = [ { - title: "Product", - items: [ + title: "Product", items: [ { label: "Features", href: "#features" }, { label: "Pricing", href: "/pricing" }, { label: "Dashboard", href: "/dashboard" }, @@ -32,8 +31,7 @@ export default function HomePage() { ], }, { - title: "Company", - items: [ + title: "Company", items: [ { label: "About Us", href: "#" }, { label: "Blog", href: "#" }, { label: "Careers", href: "#" }, @@ -41,8 +39,7 @@ export default function HomePage() { ], }, { - title: "Resources", - items: [ + title: "Resources", items: [ { label: "Help Center", href: "#" }, { label: "API Docs", href: "#" }, { label: "Guides", href: "#" }, @@ -50,8 +47,7 @@ export default function HomePage() { ], }, { - title: "Legal", - items: [ + title: "Legal", items: [ { label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }, { label: "Contact Us", href: "/contact" }, @@ -94,18 +90,14 @@ export default function HomePage() { { text: "Watch Demo", href: "#features" }, ]} buttonAnimation="slide-up" - background={{ variant: "circleGradient" }} + background={{ variant: "plain" }} leftCarouselItems={[ { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BITQ3WnjhBHkco4JnWZZY1HjiB/a-modern-saas-dashboard-showing-an-ai-co-1774175790004-afaa2009.png?_wi=1", - imageAlt: "A modern SaaS dashboard showing an AI content generation interface", - }, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BITQ3WnjhBHkco4JnWZZY1HjiB/a-modern-saas-dashboard-showing-an-ai-co-1774175790004-afaa2009.png", imageAlt: "A modern SaaS dashboard showing an AI content generation interface"}, ]} rightCarouselItems={[ { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BITQ3WnjhBHkco4JnWZZY1HjiB/illustration-showing-an-ai-powered-capti-1774175788352-c1b40e14.png?_wi=1", - imageAlt: "Illustration showing an AI-powered caption generator tool", - }, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BITQ3WnjhBHkco4JnWZZY1HjiB/illustration-showing-an-ai-powered-capti-1774175788352-c1b40e14.png", imageAlt: "Illustration showing an AI-powered caption generator tool"}, ]} ariaLabel="Hero Section - ContentBoost AI" /> @@ -123,50 +115,20 @@ export default function HomePage() { useInvertedBackground={false} features={[ { - id: "caption-gen", - title: "AI Caption Generator", - author: "Generate Instantly", - description: "Create multiple engaging captions tailored to your niche. Get posts optimized for engagement with different tones and styles.", - tags: ["Instagram", "Facebook", "LinkedIn"], - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BITQ3WnjhBHkco4JnWZZY1HjiB/illustration-showing-an-ai-powered-capti-1774175788352-c1b40e14.png?_wi=2", - imageAlt: "AI Caption Generator", - }, + id: "caption-gen", title: "AI Caption Generator", author: "Generate Instantly", description: "Create multiple engaging captions tailored to your niche. Get posts optimized for engagement with different tones and styles.", tags: ["Instagram", "Facebook", "LinkedIn"], + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BITQ3WnjhBHkco4JnWZZY1HjiB/illustration-showing-an-ai-powered-capti-1774175788352-c1b40e14.png", imageAlt: "AI Caption Generator"}, { - id: "hashtag-gen", - title: "Hashtag Generator", - author: "Trending & Niche", - description: "Get relevant, trending hashtags for maximum reach. Discover hidden opportunities in your niche with AI-powered hashtag analysis.", - tags: ["Viral", "Trending", "Optimized"], - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BITQ3WnjhBHkco4JnWZZY1HjiB/illustration-demonstrating-a-hashtag-gen-1774175788179-481fe095.png?_wi=1", - imageAlt: "Hashtag Generator", - }, + id: "hashtag-gen", title: "Hashtag Generator", author: "Trending & Niche", description: "Get relevant, trending hashtags for maximum reach. Discover hidden opportunities in your niche with AI-powered hashtag analysis.", tags: ["Viral", "Trending", "Optimized"], + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BITQ3WnjhBHkco4JnWZZY1HjiB/illustration-demonstrating-a-hashtag-gen-1774175788179-481fe095.png", imageAlt: "Hashtag Generator"}, { - id: "content-ideas", - title: "Viral Content Ideas", - author: "Never Run Out", - description: "Get unlimited content ideas based on trends and your niche. From trending topics to evergreen content ideas that convert.", - tags: ["Trending", "Creative", "Proven"], - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BITQ3WnjhBHkco4JnWZZY1HjiB/creative-illustration-showing-ai-generat-1774175787831-95218a93.png?_wi=1", - imageAlt: "Viral Content Ideas", - }, + id: "content-ideas", title: "Viral Content Ideas", author: "Never Run Out", description: "Get unlimited content ideas based on trends and your niche. From trending topics to evergreen content ideas that convert.", tags: ["Trending", "Creative", "Proven"], + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BITQ3WnjhBHkco4JnWZZY1HjiB/creative-illustration-showing-ai-generat-1774175787831-95218a93.png", imageAlt: "Viral Content Ideas"}, { - id: "content-calendar", - title: "30-Day Content Planner", - author: "Stay Organized", - description: "AI-powered content calendar that plans your entire month. Schedule posts, track engagement, and never miss a posting opportunity.", - tags: ["Scheduling", "Planning", "Analytics"], - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BITQ3WnjhBHkco4JnWZZY1HjiB/illustration-of-a-30-day-content-calenda-1774175789780-d3756504.png?_wi=1", - imageAlt: "30-Day Content Planner", - }, + id: "content-calendar", title: "30-Day Content Planner", author: "Stay Organized", description: "AI-powered content calendar that plans your entire month. Schedule posts, track engagement, and never miss a posting opportunity.", tags: ["Scheduling", "Planning", "Analytics"], + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BITQ3WnjhBHkco4JnWZZY1HjiB/illustration-of-a-30-day-content-calenda-1774175789780-d3756504.png", imageAlt: "30-Day Content Planner"}, { - id: "reel-ideas", - title: "Reel & Shorts Ideas", - author: "Video Content Mastery", - description: "Get viral Reel and Shorts scripts with trending concepts. Generate video ideas that capture attention in the first 3 seconds.", - tags: ["Video", "Shorts", "Reels"], - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BITQ3WnjhBHkco4JnWZZY1HjiB/illustration-showcasing-trending-reel-sc-1774175788612-93fb8d3d.png?_wi=1", - imageAlt: "Reel & Shorts Ideas", - }, + id: "reel-ideas", title: "Reel & Shorts Ideas", author: "Video Content Mastery", description: "Get viral Reel and Shorts scripts with trending concepts. Generate video ideas that capture attention in the first 3 seconds.", tags: ["Video", "Shorts", "Reels"], + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BITQ3WnjhBHkco4JnWZZY1HjiB/illustration-showcasing-trending-reel-sc-1774175788612-93fb8d3d.png", imageAlt: "Reel & Shorts Ideas"}, ]} /> @@ -181,35 +143,7 @@ export default function HomePage() { useInvertedBackground={true} names={["Instagram", "YouTube", "Facebook", "TikTok", "LinkedIn", "Twitter", "Pinterest"]} logos={[ - { - src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BITQ3WnjhBHkco4JnWZZY1HjiB/instagram-official-logo-the-recognizable-1774175786489-fc85d3a2.png", - alt: "Instagram", - }, - { - src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BITQ3WnjhBHkco4JnWZZY1HjiB/youtube-official-logo-the-red-play-butto-1774175786988-71fa9404.png", - alt: "YouTube", - }, - { - src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BITQ3WnjhBHkco4JnWZZY1HjiB/facebook-official-logo-the-f-icon-in-the-1774175787104-c8f28792.png", - alt: "Facebook", - }, - { - src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BITQ3WnjhBHkco4JnWZZY1HjiB/tiktok-official-logo-the-recognizable-mu-1774175787198-e582517c.png", - alt: "TikTok", - }, - { - src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BITQ3WnjhBHkco4JnWZZY1HjiB/linkedin-official-logo-the-in-letters-in-1774175789824-b23727c1.png", - alt: "LinkedIn", - }, - { - src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BITQ3WnjhBHkco4JnWZZY1HjiB/twitter-x-official-logo-the-bird-icon-or-1774175787239-2f36732b.png", - alt: "Twitter", - }, - { - src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BITQ3WnjhBHkco4JnWZZY1HjiB/pinterest-official-logo-the-distinctive--1774175787207-4cf73b37.png", - alt: "Pinterest", - }, - ]} + "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BITQ3WnjhBHkco4JnWZZY1HjiB/instagram-official-logo-the-recognizable-1774175786489-fc85d3a2.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BITQ3WnjhBHkco4JnWZZY1HjiB/youtube-official-logo-the-red-play-butto-1774175786988-71fa9404.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BITQ3WnjhBHkco4JnWZZY1HjiB/facebook-official-logo-the-f-icon-in-the-1774175787104-c8f28792.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BITQ3WnjhBHkco4JnWZZY1HjiB/tiktok-official-logo-the-recognizable-mu-1774175787198-e582517c.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BITQ3WnjhBHkco4JnWZZY1HjiB/linkedin-official-logo-the-in-letters-in-1774175789824-b23727c1.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BITQ3WnjhBHkco4JnWZZY1HjiB/twitter-x-official-logo-the-bird-icon-or-1774175787239-2f36732b.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BITQ3WnjhBHkco4JnWZZY1HjiB/pinterest-official-logo-the-distinctive--1774175787207-4cf73b37.png"]} showCard={true} ariaLabel="Supported Platforms" /> @@ -222,69 +156,59 @@ export default function HomePage() { tag="Real Success Stories" tagIcon={Award} tagAnimation="slide-up" - animationType="slide-up" textboxLayout="default" useInvertedBackground={true} testimonials={[ { - id: "1", - name: "Priya Sharma", - title: "Instagram Creator", - date: "2 weeks ago", - quote: "ContentBoost AI has been a game-changer for my content. I used to spend 2 hours daily on captions and hashtags. Now I do it in 5 minutes and get better engagement!", - tag: "Instagram", - avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BITQ3WnjhBHkco4JnWZZY1HjiB/professional-headshot-of-a-female-entrep-1774175787153-f5c3b1ff.png", - avatarAlt: "Priya Sharma", + id: "1", name: "Priya Sharma", title: "Instagram Creator", date: "2 weeks ago", quote: "ContentBoost AI has been a game-changer for my content. I used to spend 2 hours daily on captions and hashtags. Now I do it in 5 minutes and get better engagement!", tag: "Instagram", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BITQ3WnjhBHkco4JnWZZY1HjiB/professional-headshot-of-a-female-entrep-1774175787153-f5c3b1ff.png", avatarAlt: "Priya Sharma"}, + { + id: "2", name: "Rajesh Patel", title: "Small Business Owner", date: "1 month ago", quote: "The 30-day content planner alone is worth the price. My team stays organized, and we never miss posting opportunities. Our follower growth increased by 150%!", tag: "Business", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BITQ3WnjhBHkco4JnWZZY1HjiB/professional-headshot-of-a-male-business-1774175787086-733c81ec.png", avatarAlt: "Rajesh Patel"}, + { + id: "3", name: "Aisha Khan", title: "YouTube Content Creator", date: "3 weeks ago", quote: "The Reel and Shorts script generator is incredible. I get viral ideas that actually perform. My average view count tripled after using ContentBoost.", tag: "YouTube", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BITQ3WnjhBHkco4JnWZZY1HjiB/professional-headshot-of-a-young-female--1774175789098-8f1ee396.png", avatarAlt: "Aisha Khan"}, + { + id: "4", name: "Vikram Singh", title: "Digital Marketing Freelancer", date: "1 week ago", quote: "I use ContentBoost for all my client accounts now. It saves me hours every week, and my clients love the quality of content. Highly recommended!", tag: "Freelancer", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BITQ3WnjhBHkco4JnWZZY1HjiB/professional-headshot-of-a-male-freelanc-1774175786900-65fad967.png", avatarAlt: "Vikram Singh"}, + { + id: "5", name: "Meera Desai", title: "E-commerce Brand Manager", date: "2 days ago", quote: "The AI understands our niche perfectly. Captions are relevant, hashtags are trending, and our conversion rate on social ads improved significantly.", tag: "E-commerce", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BITQ3WnjhBHkco4JnWZZY1HjiB/professional-headshot-of-a-female-market-1774175786799-addf1b7d.png", avatarAlt: "Meera Desai"}, + { + id: "6", name: "Arjun Verma", title: "Fitness Influencer", date: "5 days ago", quote: "Finally, a tool that actually gets fitness content! The ideas are on-brand, engaging, and my followers keep coming back for more. Best investment I've made!", tag: "Fitness", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BITQ3WnjhBHkco4JnWZZY1HjiB/professional-headshot-of-a-male-creative-1774175786815-fb0398b5.png", avatarAlt: "Arjun Verma"}, + ]} + /> + + +
+ @@ -303,32 +227,16 @@ export default function HomePage() { gridVariant="uniform-all-items-equal" metrics={[ { - id: "users", - value: "50K+", - title: "Active Users", - description: "Content creators and businesses using ContentBoost AI daily", - icon: Users, + id: "users", value: "50K+", title: "Active Users", description: "Content creators and businesses using ContentBoost AI daily", icon: Users, }, { - id: "content", - value: "2.5M+", - title: "Posts Generated", - description: "AI-powered content pieces created this month", - icon: Zap, + id: "content", value: "2.5M+", title: "Posts Generated", description: "AI-powered content pieces created this month", icon: Zap, }, { - id: "growth", - value: "312%", - title: "Avg Follower Growth", - description: "Average increase in followers after 3 months of use", - icon: TrendingUp, + id: "growth", value: "312%", title: "Avg Follower Growth", description: "Average increase in followers after 3 months of use", icon: TrendingUp, }, { - id: "time", - value: "15+ hrs", - title: "Time Saved Weekly", - description: "Average hours saved on content creation per week", - icon: Clock, + id: "time", value: "15+ hrs", title: "Time Saved Weekly", description: "Average hours saved on content creation per week", icon: Clock, }, ]} /> @@ -348,35 +256,17 @@ export default function HomePage() { showCard={true} faqs={[ { - id: "1", - title: "How does ContentBoost AI work?", - content: "ContentBoost AI uses advanced machine learning models trained on millions of viral social media posts. Simply enter your topic, niche, or content idea, and our AI generates multiple content options within seconds. You can customize, edit, or regenerate until you get the perfect caption, hashtags, or content ideas.", - }, + id: "1", title: "How does ContentBoost AI work?", content: "ContentBoost AI uses advanced machine learning models trained on millions of viral social media posts. Simply enter your topic, niche, or content idea, and our AI generates multiple content options within seconds. You can customize, edit, or regenerate until you get the perfect caption, hashtags, or content ideas."}, { - id: "2", - title: "Can I cancel my subscription anytime?", - content: "Absolutely! There are no long-term contracts or hidden cancellation fees. You can cancel your subscription anytime from your account settings. You'll retain access until the end of your billing period.", - }, + id: "2", title: "Can I cancel my subscription anytime?", content: "Absolutely! There are no long-term contracts or hidden cancellation fees. You can cancel your subscription anytime from your account settings. You'll retain access until the end of your billing period."}, { - id: "3", - title: "Is there a free trial?", - content: "Yes! You get 5 free AI generations to test ContentBoost. No credit card required. If you love it, upgrade to a paid plan to unlock unlimited generations and premium features.", - }, + id: "3", title: "Is there a free trial?", content: "Yes! You get 5 free AI generations to test ContentBoost. No credit card required. If you love it, upgrade to a paid plan to unlock unlimited generations and premium features."}, { - id: "4", - title: "What payment methods do you accept?", - content: "We accept all major credit cards (Visa, Mastercard, American Express) through Razorpay and Stripe. Payments are secure and encrypted. Monthly, quarterly, and annual billing options are available.", - }, + id: "4", title: "What payment methods do you accept?", content: "We accept all major credit cards (Visa, Mastercard, American Express) through Razorpay and Stripe. Payments are secure and encrypted. Monthly, quarterly, and annual billing options are available."}, { - id: "5", - title: "Can I use ContentBoost for client work?", - content: "Yes! Premium and Pro plans allow you to use generated content for client work. You retain full rights to all content generated. Perfect for agencies and freelancers managing multiple accounts.", - }, + id: "5", title: "Can I use ContentBoost for client work?", content: "Yes! Premium and Pro plans allow you to use generated content for client work. You retain full rights to all content generated. Perfect for agencies and freelancers managing multiple accounts."}, { - id: "6", - title: "How does the AI learn my brand voice?", - content: "Our AI analyzes your previous posts and brand tone to generate more personalized content over time. You can also provide style preferences and tone guidelines in your account settings for better customization.", - }, + id: "6", title: "How does the AI learn my brand voice?", content: "Our AI analyzes your previous posts and brand tone to generate more personalized content over time. You can also provide style preferences and tone guidelines in your account settings for better customization."}, ]} />