From 79ae282048c6e518f8322e7595fa53372db2cd9d Mon Sep 17 00:00:00 2001 From: bender Date: Sun, 15 Mar 2026 13:56:38 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 156 +++++++++++------------------------------------ 1 file changed, 34 insertions(+), 122 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 483148f..3eb146a 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -38,8 +38,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" }, @@ -47,8 +46,7 @@ export default function HomePage() { ], }, { - title: "Company", - items: [ + title: "Company", items: [ { label: "About Us", href: "#" }, { label: "Blog", href: "#" }, { label: "Careers", href: "#" }, @@ -56,8 +54,7 @@ export default function HomePage() { ], }, { - title: "Resources", - items: [ + title: "Resources", items: [ { label: "Documentation", href: "#" }, { label: "Help Center", href: "#" }, { label: "API Reference", href: "#" }, @@ -65,8 +62,7 @@ export default function HomePage() { ], }, { - title: "Legal", - items: [ + title: "Legal", items: [ { label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }, { label: "Security", href: "#" }, @@ -109,65 +105,39 @@ export default function HomePage() { animationType="slide-up" features={[ { - title: "Universal Content Calendar", - description: "Schedule and manage posts across all platforms simultaneously with a beautiful, intuitive calendar interface.", - bentoComponent: "animated-bar-chart", - }, + title: "Universal Content Calendar", description: "Schedule and manage posts across all platforms simultaneously with a beautiful, intuitive calendar interface.", bentoComponent: "animated-bar-chart"}, { - title: "AI-Powered Suggestions", - description: "Get intelligent recommendations on optimal posting times, content ideas, and hashtags based on your audience.", - bentoComponent: "chat", - aiIcon: Sparkles, + title: "AI-Powered Suggestions", description: "Get intelligent recommendations on optimal posting times, content ideas, and hashtags based on your audience.", bentoComponent: "chat", aiIcon: Sparkles, userIcon: User, exchanges: [ { - userMessage: "What should I post today?", - aiResponse: "Based on your audience, try a behind-the-scenes story on Instagram at 6 PM. Use trending #ai hashtags.", - }, + userMessage: "What should I post today?", aiResponse: "Based on your audience, try a behind-the-scenes story on Instagram at 6 PM. Use trending #ai hashtags."}, { - userMessage: "Best time for LinkedIn?", - aiResponse: "Tuesday mornings (9-10 AM) work best for your professional audience. Post industry insights.", - }, + userMessage: "Best time for LinkedIn?", aiResponse: "Tuesday mornings (9-10 AM) work best for your professional audience. Post industry insights."}, ], - placeholder: "Ask for posting suggestions...", - }, + placeholder: "Ask for posting suggestions..."}, { - title: "Real-Time Analytics", - description: "Track engagement, reach, impressions, and ROI across all platforms in real-time with powerful dashboards.", - bentoComponent: "line-chart", - }, + title: "Real-Time Analytics", description: "Track engagement, reach, impressions, and ROI across all platforms in real-time with powerful dashboards.", bentoComponent: "line-chart"}, { - title: "Team Collaboration", - description: "Invite team members, set permissions, and manage approval workflows for content governance.", - bentoComponent: "icon-info-cards", - items: [ + title: "Team Collaboration", description: "Invite team members, set permissions, and manage approval workflows for content governance.", bentoComponent: "icon-info-cards", items: [ { icon: Users, - label: "Team Members", - value: "Unlimited", - }, + label: "Team Members", value: "Unlimited"}, { icon: Lock, - label: "Permission Levels", - value: "Granular", - }, + label: "Permission Levels", value: "Granular"}, { icon: CheckCircle, - label: "Approval Workflows", - value: "Automated", - }, + label: "Approval Workflows", value: "Automated"}, ], }, ]} carouselMode="buttons" buttons={[ { - text: "Start Free Trial", - href: "/signup", - }, + text: "Start Managing Free", href: "/signup"}, { - text: "Watch Demo", - }, + text: "Watch Demo"}, ]} /> @@ -182,34 +152,22 @@ export default function HomePage() { features={[ { icon: Calendar, - title: "Multi-Platform Scheduling", - description: "Schedule posts for Instagram, Facebook, Twitter, LinkedIn, and TikTok from one unified calendar.", - }, + title: "Multi-Platform Scheduling", description: "Schedule posts for Instagram, Facebook, Twitter, LinkedIn, and TikTok from one unified calendar."}, { icon: BarChart3, - title: "Advanced Analytics", - description: "Track every metric that matters: engagement, reach, impressions, follower growth, and ROI.", - }, + title: "Advanced Analytics", description: "Track every metric that matters: engagement, reach, impressions, follower growth, and ROI."}, { icon: MessageSquare, - title: "Unified Inbox", - description: "Manage comments, messages, and mentions from all platforms in one organized inbox with quick reply.", - }, + title: "Unified Inbox", description: "Manage comments, messages, and mentions from all platforms in one organized inbox with quick reply."}, { icon: Sparkles, - title: "AI Recommendations", - description: "Get AI-powered suggestions on what to post, when to post, and how to optimize content performance.", - }, + title: "AI Recommendations", description: "Get AI-powered suggestions on what to post, when to post, and how to optimize content performance."}, { icon: Users, - title: "Team Collaboration", - description: "Invite team members, set custom permissions, and manage content approval workflows effortlessly.", - }, + title: "Team Collaboration", description: "Invite team members, set custom permissions, and manage content approval workflows effortlessly."}, { icon: Edit3, - title: "Full Editorial Control", - description: "Edit any suggestion, customize posting times, adjust hashtags, and maintain complete control over all content.", - }, + title: "Full Editorial Control", description: "Edit any suggestion, customize posting times, adjust hashtags, and maintain complete control over all content."}, ]} /> @@ -228,17 +186,11 @@ export default function HomePage() { useInvertedBackground={false} metrics={[ { - value: "50K+", - title: "Active Users", - }, + value: "50K+", title: "Active Users"}, { - value: "10M+", - title: "Posts Managed Monthly", - }, + value: "10M+", title: "Posts Managed Monthly"}, { - value: "1B+", - title: "Total Reach Generated", - }, + value: "1B+", title: "Total Reach Generated"}, ]} /> @@ -257,58 +209,22 @@ export default function HomePage() { speed={40} testimonials={[ { - id: "1", - name: "Sarah Chen", - handle: "@sarahchenmarketing", - testimonial: "SocialFlow cut our social media management time in half. The AI suggestions are eerily accurate, and our team loves the approval workflow feature.", - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Az4EP55I2KgZGDoqU3EFZ4Z8l4/a-professional-headshot-photo-of-a-femal-1773582881046-08c72d04.png", - imageAlt: "Sarah Chen", - icon: Star, + id: "1", name: "Sarah Chen", handle: "@sarahchenmarketing", testimonial: "SocialFlow cut our social media management time in half. The AI suggestions are eerily accurate, and our team loves the approval workflow feature.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Az4EP55I2KgZGDoqU3EFZ4Z8l4/a-professional-headshot-photo-of-a-femal-1773582881046-08c72d04.png", imageAlt: "Sarah Chen", icon: Star, }, { - id: "2", - name: "Michael Rodriguez", - handle: "@mrodriguez_ceo", - testimonial: "We manage 15 clients' social accounts now. SocialFlow's unified dashboard and AI recommendations make this possible without hiring more staff.", - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Az4EP55I2KgZGDoqU3EFZ4Z8l4/a-professional-headshot-of-a-male-ceo-fo-1773582880541-2dc2d4dd.png", - imageAlt: "Michael Rodriguez", - icon: Star, + id: "2", name: "Michael Rodriguez", handle: "@mrodriguez_ceo", testimonial: "We manage 15 clients' social accounts now. SocialFlow's unified dashboard and AI recommendations make this possible without hiring more staff.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Az4EP55I2KgZGDoqU3EFZ4Z8l4/a-professional-headshot-of-a-male-ceo-fo-1773582880541-2dc2d4dd.png", imageAlt: "Michael Rodriguez", icon: Star, }, { - id: "3", - name: "Emma Thompson", - handle: "@emmathompson_seo", - testimonial: "The analytics are incredible. We finally understand which posts perform best and when our audience is most engaged. Game changer!", - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Az4EP55I2KgZGDoqU3EFZ4Z8l4/a-professional-headshot-of-a-female-soci-1773582880392-418bc91f.png", - imageAlt: "Emma Thompson", - icon: Star, + id: "3", name: "Emma Thompson", handle: "@emmathompson_seo", testimonial: "The analytics are incredible. We finally understand which posts perform best and when our audience is most engaged. Game changer!", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Az4EP55I2KgZGDoqU3EFZ4Z8l4/a-professional-headshot-of-a-female-soci-1773582880392-418bc91f.png", imageAlt: "Emma Thompson", icon: Star, }, { - id: "4", - name: "David Park", - handle: "@davidpark_digital", - testimonial: "Being able to edit AI suggestions before posting gives us the best of both worlds: efficiency and creative control. That's what sets SocialFlow apart.", - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Az4EP55I2KgZGDoqU3EFZ4Z8l4/a-professional-headshot-of-a-male-digita-1773582880147-60a028b3.png", - imageAlt: "David Park", - icon: Star, + id: "4", name: "David Park", handle: "@davidpark_digital", testimonial: "Being able to edit AI suggestions before posting gives us the best of both worlds: efficiency and creative control. That's what sets SocialFlow apart.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Az4EP55I2KgZGDoqU3EFZ4Z8l4/a-professional-headshot-of-a-male-digita-1773582880147-60a028b3.png", imageAlt: "David Park", icon: Star, }, { - id: "5", - name: "Jessica Lopez", - handle: "@jessicalopezbrand", - testimonial: "The unified inbox saved us from missing important comments and messages. Our team's response time improved dramatically.", - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Az4EP55I2KgZGDoqU3EFZ4Z8l4/a-professional-headshot-of-a-female-agen-1773582880271-df2b18c9.png", - imageAlt: "Jessica Lopez", - icon: Star, + id: "5", name: "Jessica Lopez", handle: "@jessicalopezbrand", testimonial: "The unified inbox saved us from missing important comments and messages. Our team's response time improved dramatically.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Az4EP55I2KgZGDoqU3EFZ4Z8l4/a-professional-headshot-of-a-female-agen-1773582880271-df2b18c9.png", imageAlt: "Jessica Lopez", icon: Star, }, { - id: "6", - name: "Alex Kumar", - handle: "@alexkumarcontent", - testimonial: "From scheduling to analytics to team collaboration—SocialFlow is the only tool we need. No more platform switching.", - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Az4EP55I2KgZGDoqU3EFZ4Z8l4/a-professional-headshot-of-a-male-brand--1773582880655-7f068cf9.png", - imageAlt: "Alex Kumar", - icon: Star, + id: "6", name: "Alex Kumar", handle: "@alexkumarcontent", testimonial: "From scheduling to analytics to team collaboration—SocialFlow is the only tool we need. No more platform switching.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Az4EP55I2KgZGDoqU3EFZ4Z8l4/a-professional-headshot-of-a-male-brand--1773582880655-7f068cf9.png", imageAlt: "Alex Kumar", icon: Star, }, ]} /> @@ -323,17 +239,13 @@ export default function HomePage() { description="Join 50,000+ marketers and agencies who've already simplified their social media management. No credit card required. 14 days free access to all features." buttons={[ { - text: "Get Started Free", - href: "/signup", - }, + text: "Get Started Free", href: "/signup"}, { - text: "Schedule a Demo", - }, + text: "Schedule a Demo"}, ]} useInvertedBackground={false} background={{ - variant: "gradient-bars", - }} + variant: "gradient-bars"}} />