Merge version_2 into main #2
@@ -14,19 +14,19 @@ const inter = Inter({
|
||||
});
|
||||
|
||||
export const metadata: Metadata = {
|
||||
title: "ConnectHub - Social Media Platform for Authentic Connections", description: "Join 50 million users on ConnectHub, the social media platform built for authentic connections, privacy, and community. Share your story, engage safely, and build your network today.", keywords: "social media, community platform, authentic connections, messaging, digital community", metadataBase: new URL("https://connecthub.example.com"),
|
||||
title: "Premium Social Media Agency | ConnectHub Pro", description: "Elevate your brand with ConnectHub Pro, the premium social media agency specializing in authentic connections, community building, and strategic digital engagement for businesses worldwide.", keywords: "social media agency, premium services, digital marketing, brand strategy, community management, social media management", metadataBase: new URL("https://connecthubpro.example.com"),
|
||||
alternates: {
|
||||
canonical: "https://connecthub.example.com"
|
||||
canonical: "https://connecthubpro.example.com"
|
||||
},
|
||||
openGraph: {
|
||||
title: "ConnectHub - Connect Authentically", description: "Join millions connecting on ConnectHub. Share your story, build communities, and engage with purpose.", url: "https://connecthub.example.com", siteName: "ConnectHub", type: "website", images: [
|
||||
title: "ConnectHub Pro - Premium Social Media Agency", description: "Transform your brand's social presence with our premium social media agency services. Expert strategy, creative content, and authentic engagement.", url: "https://connecthubpro.example.com", siteName: "ConnectHub Pro", type: "website", images: [
|
||||
{
|
||||
url: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARLul0GvCshwzovQrtgNblEQ5b/a-vibrant-social-media-dashboard-interfa-1772550743221-024f4aec.png", alt: "ConnectHub Platform Interface"
|
||||
url: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARLul0GvCshwzovQrtgNblEQ5b/a-vibrant-social-media-dashboard-interfa-1772550743221-024f4aec.png", alt: "ConnectHub Pro Agency Platform"
|
||||
}
|
||||
]
|
||||
},
|
||||
twitter: {
|
||||
card: "summary_large_image", title: "ConnectHub - Social Media for Authentic Connections", description: "50M+ users connecting authentically. Share, engage, and build community on ConnectHub.", images: ["https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARLul0GvCshwzovQrtgNblEQ5b/a-vibrant-social-media-dashboard-interfa-1772550743221-024f4aec.png"]
|
||||
card: "summary_large_image", title: "ConnectHub Pro - Premium Social Media Agency", description: "Premium social media agency services for brands that demand excellence and authentic engagement.", images: ["https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARLul0GvCshwzovQrtgNblEQ5b/a-vibrant-social-media-dashboard-interfa-1772550743221-024f4aec.png"]
|
||||
},
|
||||
robots: {
|
||||
index: true,
|
||||
@@ -1418,4 +1418,4 @@ export default function RootLayout({
|
||||
</ServiceWrapper>
|
||||
</html>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
134
src/app/page.tsx
134
src/app/page.tsx
@@ -10,7 +10,7 @@ import TestimonialCardTwelve from "@/components/sections/testimonial/Testimonial
|
||||
import ContactSplit from "@/components/sections/contact/ContactSplit";
|
||||
import FaqBase from "@/components/sections/faq/FaqBase";
|
||||
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
|
||||
import { Globe, HelpCircle, Heart, Mail, Shield, TrendingUp, Users, Sparkles } from "lucide-react";
|
||||
import { Globe, HelpCircle, Heart, Mail, Shield, TrendingUp, Users, Sparkles, Zap, Target, BarChart3 } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -20,7 +20,7 @@ export default function LandingPage() {
|
||||
borderRadius="soft"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="largeSizeMediumTitles"
|
||||
background="fluid"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="radial-glow"
|
||||
secondaryButtonStyle="glass"
|
||||
@@ -28,40 +28,40 @@ export default function LandingPage() {
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
brandName="ConnectHub"
|
||||
brandName="ConnectHub Pro"
|
||||
navItems={[
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Community", id: "social-proof" },
|
||||
{ name: "Pricing", id: "metrics" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Results", id: "metrics" },
|
||||
{ name: "Success Stories", id: "testimonials" },
|
||||
{ name: "FAQ", id: "faq" }
|
||||
]}
|
||||
button={{
|
||||
text: "Join Now", href: "#contact"
|
||||
text: "Get Started", href: "#contact"
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
title="Connect with Millions in Real Time"
|
||||
description="Share your story, build your community, and engage with people who share your passions. ConnectHub is where authentic connections happen."
|
||||
background={{ variant: "fluid" }}
|
||||
title="Premium Social Media Strategy That Drives Real Results"
|
||||
description="ConnectHub Pro delivers data-driven social media strategies tailored to your brand. We combine creative storytelling, strategic community management, and measurable results to elevate your digital presence."
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
kpis={[
|
||||
{ value: "50M+", label: "Active Users" },
|
||||
{ value: "500M+", label: "Posts Daily" },
|
||||
{ value: "99.8%", label: "Uptime" }
|
||||
{ value: "500+", label: "Brands Transformed" },
|
||||
{ value: "3.2B+", label: "Total Impressions" },
|
||||
{ value: "285%", label: "Avg. Engagement Growth" }
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
tag="Join the Community"
|
||||
tagIcon={Users}
|
||||
tag="Premium Agency Services"
|
||||
tagIcon={Sparkles}
|
||||
tagAnimation="slide-up"
|
||||
buttons={[
|
||||
{ text: "Start Connecting", href: "#contact" },
|
||||
{ text: "Learn More", href: "#features" }
|
||||
{ text: "Schedule Consultation", href: "#contact" },
|
||||
{ text: "Explore Our Services", href: "#features" }
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARLul0GvCshwzovQrtgNblEQ5b/a-vibrant-social-media-dashboard-interfa-1772550743221-024f4aec.png"
|
||||
imageAlt="ConnectHub Dashboard"
|
||||
imageAlt="ConnectHub Pro Agency Dashboard"
|
||||
mediaAnimation="slide-up"
|
||||
imagePosition="right"
|
||||
/>
|
||||
@@ -69,18 +69,18 @@ export default function LandingPage() {
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardSixteen
|
||||
title="Why Choose ConnectHub?"
|
||||
description="Experience the next generation of social connection with features designed for authentic engagement."
|
||||
tag="Our Advantage"
|
||||
tagIcon={Sparkles}
|
||||
title="Comprehensive Social Media Services"
|
||||
description="From strategy development to community management, we offer end-to-end solutions tailored to your business goals."
|
||||
tag="Our Expertise"
|
||||
tagIcon={Zap}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Limited privacy controls", "Algorithmic feed manipulation", "Toxic comment sections", "Poor content moderation"
|
||||
"Generic, one-size-fits-all approach", "Inconsistent brand messaging", "Poor audience targeting", "No ROI tracking or analytics"
|
||||
]
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"End-to-end encrypted messaging", "Chronological feed option", "AI-powered safety tools", "Community-driven moderation"
|
||||
"Custom strategies aligned with your goals", "Consistent brand voice across platforms", "Precision audience targeting and segmentation", "Detailed analytics and performance reports"
|
||||
]
|
||||
}}
|
||||
animationType="slide-up"
|
||||
@@ -92,12 +92,12 @@ export default function LandingPage() {
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SocialProofOne
|
||||
title="Trusted by Industry Leaders"
|
||||
description="Join companies and creators who use ConnectHub to build their communities and reach audiences."
|
||||
tag="Partners"
|
||||
description="Top brands and innovative companies partner with ConnectHub Pro to amplify their social presence and drive business growth."
|
||||
tag="Our Clients"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Microsoft", "Google", "Amazon", "Netflix", "Apple", "Spotify", "Slack"
|
||||
"Fortune 500 Brands", "Tech Startups", "E-Commerce Leaders", "Healthcare Innovators", "Finance & Banking", "Entertainment Studios", "Sports Organizations"
|
||||
]}
|
||||
speed={35}
|
||||
showCard={true}
|
||||
@@ -106,19 +106,19 @@ export default function LandingPage() {
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardOne
|
||||
title="Our Growth"
|
||||
description="Watch ConnectHub expand globally with millions of new connections every day."
|
||||
tag="Impact"
|
||||
tagIcon={TrendingUp}
|
||||
title="Proven Results Across Industries"
|
||||
description="Our data-driven approach delivers measurable outcomes that impact your bottom line."
|
||||
tag="Performance Metrics"
|
||||
tagIcon={BarChart3}
|
||||
metrics={[
|
||||
{
|
||||
id: "1", value: "50", title: "million", description: "Monthly active users worldwide", icon: Users
|
||||
id: "1", value: "500+", title: "successful", description: "campaigns executed", icon: Target
|
||||
},
|
||||
{
|
||||
id: "2", value: "180", title: "countries", description: "Supported globally", icon: Globe
|
||||
id: "2", value: "285%", title: "average", description: "engagement growth", icon: TrendingUp
|
||||
},
|
||||
{
|
||||
id: "3", value: "99.8", title: "percent", description: "Platform uptime reliability", icon: Shield
|
||||
id: "3", value: "48h", title: "turnaround", description: "for strategy delivery", icon: Zap
|
||||
}
|
||||
]}
|
||||
gridVariant="uniform-all-items-equal"
|
||||
@@ -132,26 +132,26 @@ export default function LandingPage() {
|
||||
<TestimonialCardTwelve
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Sarah Johnson", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARLul0GvCshwzovQrtgNblEQ5b/professional-headshot-of-a-young-woman-w-1772550741188-da8b2e12.png", imageAlt: "Sarah Johnson"
|
||||
id: "1", name: "Sarah Johnson", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARLul0GvCshwzovQrtgNblEQ5b/professional-headshot-of-a-young-woman-w-1772550741188-da8b2e12.png", imageAlt: "Sarah Johnson, CEO"
|
||||
},
|
||||
{
|
||||
id: "2", name: "Michael Chen", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARLul0GvCshwzovQrtgNblEQ5b/professional-headshot-of-a-man-with-frie-1772550742913-e39b5256.jpg", imageAlt: "Michael Chen"
|
||||
id: "2", name: "Michael Chen", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARLul0GvCshwzovQrtgNblEQ5b/professional-headshot-of-a-man-with-frie-1772550742913-e39b5256.jpg", imageAlt: "Michael Chen, Marketing Director"
|
||||
},
|
||||
{
|
||||
id: "3", name: "Emma Rodriguez", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARLul0GvCshwzovQrtgNblEQ5b/professional-headshot-of-a-diverse-woman-1772550741989-8c08e738.png", imageAlt: "Emma Rodriguez"
|
||||
id: "3", name: "Emma Rodriguez", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARLul0GvCshwzovQrtgNblEQ5b/professional-headshot-of-a-diverse-woman-1772550741989-8c08e738.png", imageAlt: "Emma Rodriguez, Brand Manager"
|
||||
},
|
||||
{
|
||||
id: "4", name: "David Kim", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARLul0GvCshwzovQrtgNblEQ5b/professional-headshot-of-a-man-of-color--1772550741238-a412c937.png", imageAlt: "David Kim"
|
||||
id: "4", name: "David Kim", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARLul0GvCshwzovQrtgNblEQ5b/professional-headshot-of-a-man-of-color--1772550741238-a412c937.png", imageAlt: "David Kim, Founder"
|
||||
},
|
||||
{
|
||||
id: "5", name: "Lisa Thompson", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARLul0GvCshwzovQrtgNblEQ5b/professional-headshot-of-a-young-woman-w-1772550742438-f6a4219c.png", imageAlt: "Lisa Thompson"
|
||||
id: "5", name: "Lisa Thompson", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARLul0GvCshwzovQrtgNblEQ5b/professional-headshot-of-a-young-woman-w-1772550742438-f6a4219c.png", imageAlt: "Lisa Thompson, VP Marketing"
|
||||
},
|
||||
{
|
||||
id: "6", name: "James Wilson", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARLul0GvCshwzovQrtgNblEQ5b/professional-headshot-of-a-man-with-appr-1772550741489-620be18c.png", imageAlt: "James Wilson"
|
||||
id: "6", name: "James Wilson", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARLul0GvCshwzovQrtgNblEQ5b/professional-headshot-of-a-man-with-appr-1772550741489-620be18c.png", imageAlt: "James Wilson, Growth Lead"
|
||||
}
|
||||
]}
|
||||
cardTitle="Trusted by over 50 million users who share content, build communities, and connect authentically every day"
|
||||
cardTag="See what our users say"
|
||||
cardTitle="Industry leaders trust ConnectHub Pro to transform their social media strategy and achieve exceptional business growth through authentic engagement and data-driven insights"
|
||||
cardTag="See what our clients achieve"
|
||||
cardTagIcon={Heart}
|
||||
cardAnimation="slide-up"
|
||||
useInvertedBackground={true}
|
||||
@@ -160,47 +160,47 @@ export default function LandingPage() {
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
tag="Newsletter"
|
||||
title="Stay Connected"
|
||||
description="Subscribe to our newsletter for the latest features, community stories, and exclusive updates from ConnectHub."
|
||||
tag="Get Started"
|
||||
title="Ready to Transform Your Social Presence?"
|
||||
description="Schedule a free consultation with our strategy team. We'll analyze your current approach and show you exactly how to achieve your social media goals with premium, data-driven services."
|
||||
tagIcon={Mail}
|
||||
tagAnimation="slide-up"
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
useInvertedBackground={false}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARLul0GvCshwzovQrtgNblEQ5b/a-smartphone-displaying-a-social-media-a-1772550744065-3ed526c9.png"
|
||||
imageAlt="Mobile app interface"
|
||||
imageAlt="ConnectHub Pro Mobile Dashboard"
|
||||
mediaAnimation="slide-up"
|
||||
mediaPosition="right"
|
||||
inputPlaceholder="Enter your email"
|
||||
buttonText="Subscribe"
|
||||
termsText="We respect your privacy. Unsubscribe at any time."
|
||||
buttonText="Schedule Consultation"
|
||||
termsText="We respect your privacy. Unsubscribe at any time. Your data is secure with ConnectHub Pro."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
title="Frequently Asked Questions"
|
||||
description="Find answers to common questions about ConnectHub features, privacy, and community guidelines."
|
||||
description="Learn more about our premium social media agency services, processes, and how we deliver results for your brand."
|
||||
tag="Help Center"
|
||||
tagIcon={HelpCircle}
|
||||
faqs={[
|
||||
{
|
||||
id: "1", title: "How do I create a ConnectHub account?", content: "Creating an account is simple. Visit our platform, click 'Sign Up', enter your email address, create a secure password, and follow the verification steps. You can also sign up using your existing social media accounts for faster registration."
|
||||
id: "1", title: "What makes ConnectHub Pro different from other social media agencies?", content: "ConnectHub Pro combines strategic expertise with data-driven decision making. We don't use generic templates—every strategy is custom-built for your specific business goals, industry, and target audience. Our track record shows a 285% average engagement growth and 48-hour strategy turnaround time."
|
||||
},
|
||||
{
|
||||
id: "2", title: "Is my data and privacy protected on ConnectHub?", content: "Yes, we prioritize your privacy and security. We use end-to-end encryption for messages, implement strict data protection policies, give you full control over your personal information, and comply with international privacy regulations. You can customize privacy settings for every post."
|
||||
id: "2", title: "How do you measure success and ROI?", content: "We establish clear KPIs at the start of every engagement aligned with your business objectives. Our comprehensive analytics dashboards track metrics like engagement rate, follower growth, conversion rate, customer acquisition cost, and revenue attribution. You receive detailed monthly reports showing exactly what's working and why."
|
||||
},
|
||||
{
|
||||
id: "3", title: "How does the algorithm work?", content: "We offer both algorithmic and chronological feed options. You can choose to see content based on your interests and interactions, or view posts in real-time order. Our algorithm learns from your preferences while respecting your choice for a cleaner, ad-free experience."
|
||||
id: "3", title: "What services are included in your packages?", content: "Our premium packages include: comprehensive social media strategy, content creation and curation, community management, paid social advertising, influencer partnerships, analytics and reporting, and brand voice development. Custom packages can be tailored to your specific needs and budget."
|
||||
},
|
||||
{
|
||||
id: "4", title: "What community moderation features do you have?", content: "ConnectHub uses a combination of AI detection and community-driven moderation. Users can report inappropriate content, block users, and communities can establish their own guidelines. Our team actively monitors for violations and takes swift action."
|
||||
id: "4", title: "How long does it take to see results?", content: "Some results are immediate—consistent posting and engagement typically boost visibility within 2-4 weeks. However, we focus on sustainable, long-term growth. Most brands see significant engagement increases within 60-90 days, and substantial follower and revenue growth within 6 months."
|
||||
},
|
||||
{
|
||||
id: "5", title: "Can I use ConnectHub for business purposes?", content: "Absolutely! We offer business accounts with analytics, scheduling tools, and professional features. You can reach audiences, build brand loyalty, and measure engagement metrics. Premium business plans include dedicated support and advanced tools."
|
||||
id: "5", title: "Do you work with businesses of all sizes?", content: "Absolutely! We've successfully partnered with startups, SMBs, Fortune 500 companies, non-profits, and everything in between. Our strategies are scalable and adaptable to any business size. We have entry-level packages for growing businesses and enterprise solutions for large organizations."
|
||||
},
|
||||
{
|
||||
id: "6", title: "How do I contact support?", content: "You can reach our support team through multiple channels: in-app messaging, email support, community forums, and live chat during business hours. We typically respond within 24 hours for urgent issues."
|
||||
id: "6", title: "What platforms do you specialize in?", content: "We specialize in all major platforms: Instagram, Facebook, TikTok, LinkedIn, Twitter/X, YouTube, and Pinterest. We also develop platform-specific strategies because each has unique audiences and content dynamics. Our team stays current with algorithm changes and emerging platforms."
|
||||
}
|
||||
]}
|
||||
textboxLayout="default"
|
||||
@@ -212,34 +212,34 @@ export default function LandingPage() {
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
logoText="ConnectHub"
|
||||
logoText="ConnectHub Pro"
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{ label: "Features", href: "#features" },
|
||||
{ label: "Pricing", href: "#metrics" },
|
||||
{ label: "Community", href: "#social-proof" }
|
||||
{ label: "Services", href: "#features" },
|
||||
{ label: "Case Studies", href: "#metrics" },
|
||||
{ label: "Pricing", href: "#contact" }
|
||||
]
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{ label: "About Us", href: "https://connecthub.example.com/about" },
|
||||
{ label: "Blog", href: "https://connecthub.example.com/blog" },
|
||||
{ label: "Careers", href: "https://connecthub.example.com/careers" }
|
||||
{ label: "About Us", href: "https://connecthubpro.example.com/about" },
|
||||
{ label: "Blog", href: "https://connecthubpro.example.com/blog" },
|
||||
{ label: "Careers", href: "https://connecthubpro.example.com/careers" }
|
||||
]
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
{ label: "Cookie Settings", href: "#" }
|
||||
{ label: "Contact", href: "#contact" }
|
||||
]
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{ label: "Twitter", href: "https://twitter.com/connecthub" },
|
||||
{ label: "Instagram", href: "https://instagram.com/connecthub" },
|
||||
{ label: "LinkedIn", href: "https://linkedin.com/company/connecthub" }
|
||||
{ label: "Twitter", href: "https://twitter.com/connecthubpro" },
|
||||
{ label: "Instagram", href: "https://instagram.com/connecthubpro" },
|
||||
{ label: "LinkedIn", href: "https://linkedin.com/company/connecthubpro" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
@@ -247,4 +247,4 @@ export default function LandingPage() {
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user