diff --git a/src/app/page.tsx b/src/app/page.tsx index 6c7e57c..f61fc93 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -8,6 +8,7 @@ import FeatureCardTwentyThree from "@/components/sections/feature/FeatureCardTwe import MetricCardSeven from "@/components/sections/metrics/MetricCardSeven"; import PricingCardOne from "@/components/sections/pricing/PricingCardOne"; import TestimonialCardThirteen from "@/components/sections/testimonial/TestimonialCardThirteen"; +import FaqSplitText from "@/components/sections/faq/FaqSplitText"; import FooterMedia from "@/components/sections/footer/FooterMedia"; import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import { Zap, Lightbulb, BarChart3, Users, FileText, Sparkles, TrendingUp, Star, Crown, Heart } from "lucide-react"; @@ -23,17 +24,15 @@ const HomePage = () => { const footerColumns = [ { - title: "Product", - items: [ - { label: "Features", href: "/features" }, - { label: "Pricing", href: "/pricing" }, + title: "Product", items: [ + { label: "Features", href: "#features" }, + { label: "Pricing", href: "#pricing" }, { label: "Security", href: "#" }, { label: "Integrations", href: "#" }, ], }, { - title: "Company", - items: [ + title: "Company", items: [ { label: "About", href: "/about" }, { label: "Blog", href: "#" }, { label: "Careers", href: "#" }, @@ -41,8 +40,7 @@ const HomePage = () => { ], }, { - title: "Resources", - items: [ + title: "Resources", items: [ { label: "Documentation", href: "#" }, { label: "Case Studies", href: "#" }, { label: "Support", href: "#" }, @@ -58,7 +56,7 @@ const HomePage = () => { borderRadius="rounded" contentWidth="compact" sizing="mediumLarge" - background="noise" + background="circleGradient" cardStyle="layered-gradient" primaryButtonStyle="diagonal-gradient" secondaryButtonStyle="radial-glow" @@ -69,9 +67,7 @@ const HomePage = () => { brandName="Bluesmith" navItems={navItems} button={{ - text: "Get Started", - href: "/pricing", - }} + text: "Get Started", href: "/pricing"}} /> @@ -82,16 +78,12 @@ const HomePage = () => { tagAnimation="slide-up" title="Accelerate Growth with Intelligent Strategy" description="Bluesmith is the all-in-one platform for growth agencies. Streamline campaigns, track performance, and deliver measurable results to your clients with premium analytics and automation tools." - background={{ variant: "noise" }} + background={{ variant: "plain" }} mediaItems={[ { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARig8p7cCzEcvEUfhMVrFKskh0/a-sleek-apple-inspired-saas-dashboard-in-1772562010235-b2a3f75b.png", - imageAlt: "Bluesmith Analytics Dashboard", - }, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARig8p7cCzEcvEUfhMVrFKskh0/a-sleek-apple-inspired-saas-dashboard-in-1772562010235-b2a3f75b.png", imageAlt: "Bluesmith Analytics Dashboard"}, { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARig8p7cCzEcvEUfhMVrFKskh0/premium-growth-strategy-software-interfa-1772562010509-c0591581.png", - imageAlt: "Growth Strategy Interface", - }, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARig8p7cCzEcvEUfhMVrFKskh0/premium-growth-strategy-software-interfa-1772562010509-c0591581.png", imageAlt: "Growth Strategy Interface"}, ]} rating={5} ratingText="Trusted by 200+ growth agencies" @@ -116,31 +108,23 @@ const HomePage = () => { useInvertedBackground={false} bulletPoints={[ { - title: "Real-Time Analytics", - description: "Track campaign performance and growth metrics across all channels in real time", - icon: BarChart3, + title: "Real-Time Analytics", description: "Track campaign performance and growth metrics across all channels in real time", icon: BarChart3, }, { - title: "Workflow Automation", - description: "Automate repetitive tasks and streamline your agency operations effortlessly", - icon: Zap, + title: "Workflow Automation", description: "Automate repetitive tasks and streamline your agency operations effortlessly", icon: Zap, }, { - title: "Client Collaboration", - description: "Share insights, reports, and updates with clients through our premium portal", - icon: Users, + title: "Client Collaboration", description: "Share insights, reports, and updates with clients through our premium portal", icon: Users, }, { - title: "Integrated Reporting", - description: "Generate beautiful, professional reports that showcase growth and ROI", - icon: FileText, + title: "Integrated Reporting", description: "Generate beautiful, professional reports that showcase growth and ROI", icon: FileText, }, ]} - imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARig8p7cCzEcvEUfhMVrFKskh0/professional-growth-agency-team-working--1772562010973-bfad44fc.png?_wi=1" + imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARig8p7cCzEcvEUfhMVrFKskh0/professional-growth-agency-team-working--1772562010973-bfad44fc.png" imageAlt="Growth agency team collaboration" imagePosition="right" mediaAnimation="slide-up" - buttons={[{ text: "Learn More", href: "/features" }]} + buttons={[{ text: "Learn More", href: "#features" }]} buttonAnimation="slide-up" ariaLabel="About Bluesmith section" /> @@ -158,26 +142,14 @@ const HomePage = () => { animationType="slide-up" features={[ { - id: "1", - title: "Advanced Analytics Dashboard", - tags: ["Analytics", "Real-time"], - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARig8p7cCzEcvEUfhMVrFKskh0/close-up-of-analytics-dashboard-showing--1772562010269-8419ff1b.png?_wi=1", - imageAlt: "Analytics dashboard interface", - }, + id: "1", title: "Advanced Analytics Dashboard", tags: ["Analytics", "Real-time"], + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARig8p7cCzEcvEUfhMVrFKskh0/close-up-of-analytics-dashboard-showing--1772562010269-8419ff1b.png", imageAlt: "Analytics dashboard interface"}, { - id: "2", - title: "Campaign Automation Engine", - tags: ["Automation", "Workflow"], - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARig8p7cCzEcvEUfhMVrFKskh0/growth-strategy-automation-platform-inte-1772562010306-6e955044.png?_wi=1", - imageAlt: "Campaign automation tools", - }, + id: "2", title: "Campaign Automation Engine", tags: ["Automation", "Workflow"], + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARig8p7cCzEcvEUfhMVrFKskh0/growth-strategy-automation-platform-inte-1772562010306-6e955044.png", imageAlt: "Campaign automation tools"}, { - id: "3", - title: "Client Reporting Suite", - tags: ["Reporting", "Insights"], - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARig8p7cCzEcvEUfhMVrFKskh0/client-reporting-and-insights-platform-s-1772562010218-af88be94.png?_wi=1", - imageAlt: "Client reporting interface", - }, + id: "3", title: "Client Reporting Suite", tags: ["Reporting", "Insights"], + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARig8p7cCzEcvEUfhMVrFKskh0/client-reporting-and-insights-platform-s-1772562010218-af88be94.png", imageAlt: "Client reporting interface"}, ]} buttons={[{ text: "Explore All Features", href: "#" }]} buttonAnimation="slide-up" @@ -197,22 +169,13 @@ const HomePage = () => { animationType="slide-up" metrics={[ { - id: "1", - value: "200+", - title: "Active Growth Agencies", - items: ["Across 25 countries", "Growing daily"], + id: "1", value: "200+", title: "Active Growth Agencies", items: ["Across 25 countries", "Growing daily"], }, { - id: "2", - value: "50M+", - title: "Monthly Tracked Metrics", - items: ["Real-time processing", "99.9% uptime"], + id: "2", value: "50M+", title: "Monthly Tracked Metrics", items: ["Real-time processing", "99.9% uptime"], }, { - id: "3", - value: "3.5x", - title: "Average ROI Improvement", - items: ["For client campaigns", "Proven results"], + id: "3", value: "3.5x", title: "Average ROI Improvement", items: ["For client campaigns", "Proven results"], }, ]} buttons={[{ text: "See Case Studies", href: "#" }]} @@ -233,48 +196,19 @@ const HomePage = () => { animationType="slide-up" plans={[ { - id: "starter", - badge: "Perfect for Startups", - badgeIcon: Sparkles, - price: "$299/mo", - subtitle: "Ideal for agencies just starting out", - features: [ - "Up to 5 client accounts", - "Real-time analytics dashboard", - "Campaign tracking for 3 channels", - "Monthly reporting", - "Email support", - ], + id: "starter", badge: "Perfect for Startups", badgeIcon: Sparkles, + price: "$299/mo", subtitle: "Ideal for agencies just starting out", features: [ + "Up to 5 client accounts", "Real-time analytics dashboard", "Campaign tracking for 3 channels", "Monthly reporting", "Email support"], }, { - id: "professional", - badge: "Most Popular", - badgeIcon: Star, - price: "$799/mo", - subtitle: "Best for growing agencies", - features: [ - "Unlimited client accounts", - "Advanced analytics suite", - "All channel integrations", - "Automated reporting", - "Workflow automation", - "Priority support", - ], + id: "professional", badge: "Most Popular", badgeIcon: Star, + price: "$799/mo", subtitle: "Best for growing agencies", features: [ + "Unlimited client accounts", "Advanced analytics suite", "All channel integrations", "Automated reporting", "Workflow automation", "Priority support"], }, { - id: "enterprise", - badge: "For Enterprises", - badgeIcon: Crown, - price: "Custom", - subtitle: "White-label solution for large teams", - features: [ - "Everything in Professional", - "White-label dashboard", - "Custom integrations", - "Dedicated account manager", - "Advanced security & compliance", - "24/7 support", - ], + id: "enterprise", badge: "For Enterprises", badgeIcon: Crown, + price: "Custom", subtitle: "White-label solution for large teams", features: [ + "Everything in Professional", "White-label dashboard", "Custom integrations", "Dedicated account manager", "Advanced security & compliance", "24/7 support"], }, ]} buttons={[{ text: "Start Free Trial", href: "#" }]} @@ -296,41 +230,17 @@ const HomePage = () => { showRating={true} testimonials={[ { - id: "1", - name: "Sarah Mitchell", - handle: "@sarahmitchell", - testimonial: "Bluesmith transformed how we manage client campaigns. The analytics are incredible and our clients love the reporting. It's been a game-changer for our agency.", - rating: 5, - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARig8p7cCzEcvEUfhMVrFKskh0/professional-headshot-of-a-confident-fem-1772562009732-26488959.png?_wi=1", - imageAlt: "Sarah Mitchell", - }, + id: "1", name: "Sarah Mitchell", handle: "@sarahmitchell", testimonial: "Bluesmith transformed how we manage client campaigns. The analytics are incredible and our clients love the reporting. It's been a game-changer for our agency.", rating: 5, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARig8p7cCzEcvEUfhMVrFKskh0/professional-headshot-of-a-confident-fem-1772562009732-26488959.png", imageAlt: "Sarah Mitchell"}, { - id: "2", - name: "David Chen", - handle: "@davidchen", - testimonial: "The automation features alone have saved us 20 hours per week. Bluesmith is exactly what growing agencies need. Highly recommended.", - rating: 5, - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARig8p7cCzEcvEUfhMVrFKskh0/professional-headshot-of-a-male-entrepre-1772562009528-670a0018.png?_wi=1", - imageAlt: "David Chen", - }, + id: "2", name: "David Chen", handle: "@davidchen", testimonial: "The automation features alone have saved us 20 hours per week. Bluesmith is exactly what growing agencies need. Highly recommended.", rating: 5, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARig8p7cCzEcvEUfhMVrFKskh0/professional-headshot-of-a-male-entrepre-1772562009528-670a0018.png", imageAlt: "David Chen"}, { - id: "3", - name: "Emily Rodriguez", - handle: "@emilyrodriguez", - testimonial: "Customer support is exceptional, and the platform is so intuitive. Our team was productive within days. Best investment we've made.", - rating: 5, - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARig8p7cCzEcvEUfhMVrFKskh0/professional-female-marketing-director-o-1772562009595-667c61f4.png?_wi=1", - imageAlt: "Emily Rodriguez", - }, + id: "3", name: "Emily Rodriguez", handle: "@emilyrodriguez", testimonial: "Customer support is exceptional, and the platform is so intuitive. Our team was productive within days. Best investment we've made.", rating: 5, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARig8p7cCzEcvEUfhMVrFKskh0/professional-female-marketing-director-o-1772562009595-667c61f4.png", imageAlt: "Emily Rodriguez"}, { - id: "4", - name: "Marcus Johnson", - handle: "@marcusjohnson", - testimonial: "The ROI tracking and client reporting capabilities are unmatched. Our clients are thrilled with the insights we can now provide.", - rating: 5, - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARig8p7cCzEcvEUfhMVrFKskh0/professional-headshot-of-a-male-product--1772562011049-4cd9da91.png", - imageAlt: "Marcus Johnson", - }, + id: "4", name: "Marcus Johnson", handle: "@marcusjohnson", testimonial: "The ROI tracking and client reporting capabilities are unmatched. Our clients are thrilled with the insights we can now provide.", rating: 5, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARig8p7cCzEcvEUfhMVrFKskh0/professional-headshot-of-a-male-product--1772562011049-4cd9da91.png", imageAlt: "Marcus Johnson"}, ]} buttons={[{ text: "Read Case Studies", href: "#" }]} buttonAnimation="slide-up" @@ -338,9 +248,35 @@ const HomePage = () => { /> +