Update src/app/page.tsx
This commit is contained in:
243
src/app/page.tsx
243
src/app/page.tsx
@@ -2,6 +2,7 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import { Users, ShieldCheck, Zap, Globe, MessageSquare, Mail } from "lucide-react";
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
|
||||
@@ -31,22 +32,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Community",
|
||||
id: "social-proof",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Community", id: "social-proof" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
]}
|
||||
brandName="ConnectHub"
|
||||
/>
|
||||
@@ -54,32 +43,13 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
title="Connect Your Digital World"
|
||||
description="The ultimate social platform for creators, builders, and community leaders. Scale your influence with powerful analytics and seamless integration."
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Connect Your Social Profiles"
|
||||
description="Build your digital identity in one place. Connect all your social platforms, analyze your growth, and engage with your community effortlessly."
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/phone-with-music-listening-icon-screen-dark-background-copy-space_169016-14356.jpg",
|
||||
imageAlt: "futuristic social media dashboard dark mode",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/globe-digital-grid-gradient-wallpaper_53876-104056.jpg",
|
||||
imageAlt: "global digital network nodes glowing lines",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/artistic-blurry-colorful-wallpaper-background_58702-8580.jpg",
|
||||
imageAlt: "smartphone social app interface dark mode",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-illustration-christmas-bells-gradient-background_181624-23454.jpg",
|
||||
imageAlt: "glowing social media notification icons",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-using-ar-technology-perform-their-occupation_23-2151137485.jpg",
|
||||
imageAlt: "minimalist modern social UI design dark",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/phone-with-music-listening-icon-screen-dark-background-copy-space_169016-14356.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/globe-digital-grid-gradient-wallpaper_53876-104056.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/artistic-blurry-colorful-wallpaper-background_58702-8580.jpg" }
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -92,53 +62,26 @@ export default function LandingPage() {
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Smart Analytics",
|
||||
description: "Get deep insights into your audience engagement.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/computer-dark-room-with-graphs-screen_169016-54998.jpg",
|
||||
imageAlt: "analytics dashboard UI dark theme",
|
||||
},
|
||||
{
|
||||
title: "Ironclad Privacy",
|
||||
description: "Your community's data is secured with enterprise-grade encryption.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cybersecurity-concept-secure-data-transfer_23-2152001135.jpg",
|
||||
imageAlt: "digital security shield data icon",
|
||||
},
|
||||
{
|
||||
title: "Team Collaboration",
|
||||
description: "Manage your community with powerful collaborative tools.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-executives-reading-sticky-notes_1170-1720.jpg",
|
||||
imageAlt: "team collaboration project panel dark",
|
||||
},
|
||||
{ title: "Unified Profiles", description: "Link your Twitter, LinkedIn, Instagram and more into one hub.", imageSrc: "http://img.b2bpic.net/free-photo/computer-dark-room-with-graphs-screen_169016-54998.jpg" },
|
||||
{ title: "Secure Identity", description: "Your profile privacy and data security are our top priorities.", imageSrc: "http://img.b2bpic.net/free-photo/cybersecurity-concept-secure-data-transfer_23-2152001135.jpg" },
|
||||
{ title: "Real-time Insights", description: "Track your social performance across all connected profiles.", imageSrc: "http://img.b2bpic.net/free-photo/business-executives-reading-sticky-notes_1170-1720.jpg" }
|
||||
]}
|
||||
title="Built for Growth"
|
||||
description="Advanced tools to help you manage your community and measure success effortlessly."
|
||||
title="All Your Profiles, Unified"
|
||||
description="Effortlessly sync your digital footprints to empower your personal brand."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
imagePosition="left"
|
||||
title="Redefining Social Connection"
|
||||
description="ConnectHub is designed to foster meaningful conversations in a high-tech environment. We believe in empowering creators with the best tools available."
|
||||
title="Your Digital Home"
|
||||
description="In an era of fragmentation, ConnectHub brings your various social presences together. Whether you're a professional builder, a creator, or a leader, take control of how the world sees you."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Global Scale",
|
||||
description: "Reach millions of users across borders.",
|
||||
},
|
||||
{
|
||||
title: "Developer Friendly",
|
||||
description: "Robust APIs for custom platform integrations.",
|
||||
},
|
||||
{
|
||||
title: "Community Focus",
|
||||
description: "Built for interaction, not just consumption.",
|
||||
},
|
||||
{ title: "Central Dashboard", description: "Manage everything from a single interface." },
|
||||
{ title: "Seamless Linking", description: "Connect any platform in seconds." },
|
||||
{ title: "Custom Themes", description: "Reflect your personality through profile styling." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-psd/technology-background-abstract-background-with-connecting-dots-lines-connection-structure-digital-communication_587448-10186.jpg"
|
||||
imageAlt="global digital network nodes glowing lines"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -148,80 +91,30 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "10M+",
|
||||
title: "Active Users",
|
||||
description: "Users connecting globally every day.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-diverse-people-showing-graph-tablet_53876-71498.jpg",
|
||||
imageAlt: "large digital number user count dark",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "500ms",
|
||||
title: "Avg Response",
|
||||
description: "Optimized performance across all regions.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/office-worker-analyzing-business-charts-laptop-using-paperwork-research-information-make-data-report-working-from-home-startup-analysis-with-web-graphs-browsing-internet_482257-50961.jpg",
|
||||
imageAlt: "performance speed meter digital icon",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "150+",
|
||||
title: "Countries",
|
||||
description: "Operating across the entire planet.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/global-network-digital-world-connection_23-2152020916.jpg",
|
||||
imageAlt: "global network reach map dots",
|
||||
},
|
||||
{ id: "m1", value: "50K+", title: "Profiles Linked", description: "Active social links managed today.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-diverse-people-showing-graph-tablet_53876-71498.jpg" },
|
||||
{ id: "m2", value: "99.9%", title: "Uptime", description: "Always connected, always available.", imageSrc: "http://img.b2bpic.net/free-photo/office-worker-analyzing-business-charts-laptop-using-paperwork-research-information-make-data-report-working-from-home-startup-analysis-with-web-graphs-browsing-internet_482257-50961.jpg" },
|
||||
{ id: "m3", value: "24/7", title: "Analytics", description: "Tracking your growth around the clock.", imageSrc: "http://img.b2bpic.net/free-photo/global-network-digital-world-connection_23-2152020916.jpg" },
|
||||
]}
|
||||
title="Proven Impact"
|
||||
description="Our numbers speak for themselves in the competitive social landscape."
|
||||
title="Data-Driven Growth"
|
||||
description="See your social impact evolve with deep analytics."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Alpha Corp",
|
||||
"Beta Labs",
|
||||
"Gamma Tech",
|
||||
"Delta Solutions",
|
||||
"Epsilon Systems",
|
||||
]}
|
||||
title="Trusted by Visionaries"
|
||||
description="Collaborating with top-tier brands and platforms to build the future of social networking."
|
||||
names={["Community", "Personal Brands", "Creators", "Developers", "Enterprises"]}
|
||||
title="Growing Together"
|
||||
description="Join a vibrant ecosystem of creators managing their social identity on ConnectHub."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={true}
|
||||
testimonial="ConnectHub changed how we think about social engagement. The analytics tools alone are worth the transition for our agency."
|
||||
testimonial="ConnectHub is the only way I manage my cross-platform influence. It's clean, intuitive, and incredibly powerful for my brand."
|
||||
rating={5}
|
||||
author="Sarah Johnson"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-businessman-with-tie_1098-2867.jpg",
|
||||
alt: "professional circular avatar portrait dark",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-cheerful-caucasian-man_53876-24833.jpg",
|
||||
alt: "young developer circular avatar",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/attractive-european-girl-with-charming-smile-keeps-arms-folded-wears-round-spectacles_273609-18493.jpg",
|
||||
alt: "friendly professional woman avatar circle",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-woman-playing-poker-casino_23-2151831023.jpg",
|
||||
alt: "focused male consultant circular headshot",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-waitress_107420-12307.jpg",
|
||||
alt: "Portrait of smiling waitress",
|
||||
},
|
||||
]}
|
||||
author="Alex Rivera"
|
||||
avatars={[{ src: "http://img.b2bpic.net/free-photo/close-up-businessman-with-tie_1098-2867.jpg", alt: "Alex" }]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -230,26 +123,13 @@ export default function LandingPage() {
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Is the platform free?",
|
||||
content: "Yes, we offer a free tier with robust capabilities for every creator.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "How is privacy handled?",
|
||||
content: "We follow strict security protocols and never sell user data.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Can I integrate my API?",
|
||||
content: "Our developer platform is fully open for your integrations.",
|
||||
},
|
||||
{ id: "f1", title: "How do I link a profile?", content: "Simply authenticate through your settings menu." },
|
||||
{ id: "f2", title: "Is it secure?", content: "We utilize OAuth standards to ensure your credentials are never stored." },
|
||||
{ id: "f3", title: "Can I customize my page?", content: "Yes, use our theme editor to create a custom look for your profile." }
|
||||
]}
|
||||
title="Frequently Asked"
|
||||
description="Everything you need to know about starting your journey with ConnectHub."
|
||||
title="Questions Answered"
|
||||
description="Find out how to get the most out of your profile hub."
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
@@ -257,16 +137,9 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
text="Ready to scale your influence? Let's get started."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
background={{ variant: "rotated-rays-animated" }}
|
||||
text="Ready to centralize your social identity?"
|
||||
buttons={[{ text: "Get Started" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -274,40 +147,8 @@ export default function LandingPage() {
|
||||
<FooterBaseCard
|
||||
logoText="ConnectHub"
|
||||
columns={[
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Security",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "API",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
{
|
||||
label: "Documentation",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Community",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Product", items: [{ label: "Features", href: "#" }, { label: "Privacy", href: "#" }] },
|
||||
{ title: "Support", items: [{ label: "Contact", href: "#" }, { label: "Help", href: "#" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user