Merge version_1 into main #2
204
src/app/page.tsx
204
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"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -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 = () => {
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
sideTitle="Common Questions"
|
||||
sideDescription="Everything you need to know about Bluesmith. Get answers to the most frequently asked questions."
|
||||
textPosition="left"
|
||||
useInvertedBackground={false}
|
||||
animationType="smooth"
|
||||
faqsAnimation="slide-up"
|
||||
faqs={[
|
||||
{
|
||||
id: "1", title: "What is Bluesmith?", content: "Bluesmith is a comprehensive SaaS platform designed specifically for growth agencies. It combines analytics, workflow automation, and client collaboration tools to help agencies scale operations and deliver better results."},
|
||||
{
|
||||
id: "2", title: "Can I try Bluesmith for free?", content: "Yes! We offer a 14-day free trial with full access to all features. No credit card required. Simply sign up and start exploring."},
|
||||
{
|
||||
id: "3", title: "How does the pricing work?", content: "We offer three tiered plans: Starter ($299/mo), Professional ($799/mo), and Enterprise (custom pricing). Each plan includes core features with no hidden fees."},
|
||||
{
|
||||
id: "4", title: "Is there a contract?", content: "No contracts required. All our plans are month-to-month with the flexibility to upgrade or downgrade anytime."},
|
||||
{
|
||||
id: "5", title: "What integrations are supported?", content: "Bluesmith integrates with Google Analytics, Facebook Ads, LinkedIn, HubSpot, Salesforce, and 50+ other platforms. Enterprise customers can request custom integrations."},
|
||||
{
|
||||
id: "6", title: "How is my data secured?", content: "We use industry-leading encryption, SOC 2 compliance, and regular security audits. Your data is always protected and backed up securely."},
|
||||
]}
|
||||
ariaLabel="FAQ section"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARig8p7cCzEcvEUfhMVrFKskh0/inspirational-abstract-image-showing-gro-1772562010010-d80fd79c.png?_wi=1"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARig8p7cCzEcvEUfhMVrFKskh0/inspirational-abstract-image-showing-gro-1772562010010-d80fd79c.png"
|
||||
imageAlt="Growth and progress visualization"
|
||||
columns={footerColumns}
|
||||
logoText="Bluesmith"
|
||||
|
||||
Reference in New Issue
Block a user