335 lines
18 KiB
TypeScript
335 lines
18 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
|
import FaqBase from '@/components/sections/faq/FaqBase';
|
|
import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
|
|
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
|
import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
|
|
import MediaAbout from '@/components/sections/about/MediaAbout';
|
|
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
|
import { ArrowRight, Eye, HelpCircle, MessageSquare, ShieldCheck, Sparkles, Star, TrendingUp, Wallet } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-stagger"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="pill"
|
|
contentWidth="mediumLarge"
|
|
sizing="largeSizeMediumTitles"
|
|
background="fluid"
|
|
cardStyle="gradient-bordered"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="medium"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "/"},
|
|
{
|
|
name: "About", id: "#about"},
|
|
{
|
|
name: "Features", id: "#features"},
|
|
{
|
|
name: "Testimonials", id: "#testimonials"},
|
|
{
|
|
name: "Pricing", id: "#pricing"},
|
|
{
|
|
name: "Contact", id: "#contact"},
|
|
]}
|
|
brandName="ConnectPro"
|
|
bottomLeftText="Global Community"
|
|
bottomRightText="hello@connectpro.com"
|
|
button={{
|
|
text: "Join Now", href: "#contact"}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroOverlayTestimonial
|
|
title="Elevate Your Social. Refined Connections Await."
|
|
description="Experience social media designed for quality over quantity. Connect with curated communities, share without compromise, and grow meaningfully—on your terms."
|
|
testimonials={[
|
|
{
|
|
name: "Alex P.", handle: "@alex_pro", testimonial: "Finally, a platform where quality conversations matter. ConnectPro is my go-to for truly meaningful networking.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081913.jpg", imageAlt: "Alex P. Testimonial"},
|
|
{
|
|
name: "Maria S.", handle: "@maria_insights", testimonial: "The curated communities are a game-changer. I'm connecting with thought leaders I wouldn't find anywhere else.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-dressed-stylish-blue-suit-grey-background_613910-13647.jpg", imageAlt: "Maria S. Testimonial"},
|
|
{
|
|
name: "David L.", handle: "@david_leads", testimonial: "Privacy and focus are paramount. ConnectPro delivers an unparalleled, distraction-free social experience.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/serious-beautiful-businesswoman-standing-window_1262-1913.jpg", imageAlt: "David L. Testimonial"},
|
|
{
|
|
name: "Sophie K.", handle: "@sophie_creator", testimonial: "As a creative, sharing my work here feels valued. It's a supportive, high-quality audience.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-businessman-with-folded-arms-looking-camera_23-2147955314.jpg", imageAlt: "Sophie K. Testimonial"},
|
|
{
|
|
name: "Ben T.", handle: "@ben_vision", testimonial: "ConnectPro is where real professional growth happens. No noise, just pure, productive interaction.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/business-colleagues-talking-arguing_74855-2604.jpg", imageAlt: "Ben T. Testimonial"},
|
|
]}
|
|
tag="Exclusive Community"
|
|
tagIcon={Star}
|
|
tagAnimation="slide-up"
|
|
buttons={[
|
|
{
|
|
text: "Join the Collective", href: "#contact"},
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/portrait-bearded-black-man-wool-suit_613910-15972.jpg", alt: "Community Member 1"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/executive-with-glasses-suit_1098-529.jpg", alt: "Community Member 2"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/beautiful-woman-smiling_93675-133804.jpg", alt: "Community Member 3"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/happy-young-businessman-walking-near-business-center_171337-19784.jpg", alt: "Community Member 4"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/happy-ethnic-executive-woman-looking-camera_1098-20037.jpg", alt: "Happy ethnic executive woman looking at camera"},
|
|
]}
|
|
avatarText="Join 1000+ discerning professionals."
|
|
imageSrc="http://img.b2bpic.net/free-photo/beach-area-blurred-night_1203-1365.jpg"
|
|
imageAlt="Abstract network representing premium social media platform"
|
|
showDimOverlay={true}
|
|
showBlur={true}
|
|
textPosition="bottom"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MediaAbout
|
|
useInvertedBackground={false}
|
|
title="The Future of Professional Networking"
|
|
description="Redefining digital connections for a discerning community. ConnectPro offers an exclusive space where meaningful interactions thrive, free from algorithmic distractions and unsolicited noise. Our platform is built for thought leaders, creative entrepreneurs, and affluent professionals who prioritize quality engagement and curated content."
|
|
tag="Our Vision"
|
|
tagIcon={Eye}
|
|
tagAnimation="slide-up"
|
|
buttons={[
|
|
{
|
|
text: "Learn More", href: "#features"},
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
imageSrc="http://img.b2bpic.net/free-photo/abstract-low-poly-with-connecting-lines-dots_1048-7721.jpg"
|
|
imageAlt="Abstract network of glowing nodes representing digital connections"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTwentySeven
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
animationType="slide-up"
|
|
features={[
|
|
{
|
|
id: "feature-1", title: "Curated Communities", descriptions: [
|
|
"Join exclusive, interest-based groups tailored to your professional aspirations.", "Connect with like-minded individuals and industry leaders in a private setting."],
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=d4h254", imageAlt: "Icon representing curated communities"},
|
|
{
|
|
id: "feature-2", title: "Ad-Free Experience", descriptions: [
|
|
"Enjoy an uninterrupted flow of content without algorithmic noise or mass-market clutter.", "Focus on quality interactions and meaningful content without distractions."],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/notebook-icon-left-side-white-background_187299-40185.jpg", imageAlt: "Icon representing ad-free experience"},
|
|
{
|
|
id: "feature-3", title: "Advanced Privacy Controls", descriptions: [
|
|
"Your data, your rules. Benefit from robust privacy settings that put you in control.", "Share without compromise, knowing your information is protected and respected."],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/cybersecurity-analyst-monitoring-system_23-2152004071.jpg", imageAlt: "Icon representing advanced privacy controls"},
|
|
]}
|
|
title="Unparalleled Features for the Elite"
|
|
description="Discover powerful tools designed to enhance your digital experience and foster genuine connections within a premium environment."
|
|
tag="Key Advantages"
|
|
tagIcon={Sparkles}
|
|
tagAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardEleven
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
metrics={[
|
|
{
|
|
id: "metric-1", value: "95%", title: "User Satisfaction", description: "Members consistently report high satisfaction with platform quality and community engagement.", imageSrc: "http://img.b2bpic.net/free-photo/business-people-working-with-ipad-high-angle_23-2150103554.jpg", imageAlt: "Graph showing high user satisfaction"},
|
|
{
|
|
id: "metric-2", value: "3x", title: "Higher Engagement", description: "Users experience three times higher meaningful engagement compared to traditional platforms.", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-technology-concept_23-2151908106.jpg", imageAlt: "Network visualization showing high engagement"},
|
|
{
|
|
id: "metric-3", value: "20+", title: "Curated Communities", description: "A diverse and growing number of exclusive communities tailored to various professional interests.", imageSrc: "http://img.b2bpic.net/free-photo/geometric-abstract-background-technology-concept-connecting-dots-design_53876-160193.jpg", imageAlt: "Abstract visualization of growing communities"},
|
|
]}
|
|
title="Impact & Growth in a Refined Space"
|
|
description="Our commitment to quality has translated into significant member satisfaction and platform growth, fostering a vibrant and engaged community."
|
|
tag="Our Impact"
|
|
tagIcon={TrendingUp}
|
|
tagAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSixteen
|
|
animationType="depth-3d"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
carouselMode="buttons"
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Sarah Johnson", role: "CEO, TechCorp", company: "TechCorp", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/businessman-smiling-looking-camera_23-2148112827.jpg", imageAlt: "Sarah Johnson"},
|
|
{
|
|
id: "2", name: "Michael Chen", role: "CTO, InnovateLab", company: "InnovateLab", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smart-pensive-redhead-hipster-with-full-beard-glasses-dressed-casual-clothes-poses-with-hand-chin-studio-isolated-dark-background_613910-20091.jpg", imageAlt: "Michael Chen"},
|
|
{
|
|
id: "3", name: "Emily Rodriguez", role: "Marketing Director, GrowthCo", company: "GrowthCo", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-business-man-with-backpack_23-2149915912.jpg", imageAlt: "Emily Rodriguez"},
|
|
{
|
|
id: "4", name: "David Kim", role: "Product Manager, StartupXYZ", company: "StartupXYZ", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081912.jpg", imageAlt: "David Kim"},
|
|
{
|
|
id: "5", name: "Sophia Lee", role: "Creative Entrepreneur", company: "Visionary Arts", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-different-brushes_23-2149050549.jpg", imageAlt: "Sophia Lee"},
|
|
]}
|
|
kpiItems={[
|
|
{
|
|
value: "1000+", label: "Active Professionals"},
|
|
{
|
|
value: "20+", label: "Exclusive Communities"},
|
|
{
|
|
value: "Privacy First", label: "Guaranteed Security"},
|
|
]}
|
|
title="What Our Discerning Members Say"
|
|
description="Hear directly from the professionals and thought leaders who have elevated their social experience with ConnectPro."
|
|
tag="Member Stories"
|
|
tagIcon={MessageSquare}
|
|
tagAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
names={[
|
|
"Innovate Solutions", "Elite Dynamics", "Apex Ventures", "Curated Insights", "Visionary Capital", "Global Connect Corp", "Strategic Alliance Group"]}
|
|
title="Trusted by Industry Leaders"
|
|
description="Our platform is home to discerning professionals and leading brands across various sectors, fostering a high-caliber network."
|
|
tag="Our Network"
|
|
tagIcon={ShieldCheck}
|
|
tagAnimation="slide-up"
|
|
speed={40}
|
|
showCard={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="pricing" data-section="pricing">
|
|
<PricingCardNine
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
plans={[
|
|
{
|
|
id: "basic", title: "Basic Access", price: "$29", period: "/month", features: [
|
|
"Curated Content Feed", "Access to 5 Communities", "Standard Privacy Controls", "Email Support"],
|
|
button: {
|
|
text: "Get Started", href: "#"},
|
|
imageSrc: "http://img.b2bpic.net/free-photo/blue-lock-icon-security-privacy_187299-46262.jpg", imageAlt: "Basic plan icon"},
|
|
{
|
|
id: "professional", title: "Professional Elite", price: "$79", period: "/month", features: [
|
|
"All Basic Features", "Unlimited Communities", "Enhanced Privacy Suite", "Priority Support", "Direct Messaging"],
|
|
button: {
|
|
text: "Choose Plan", href: "#"},
|
|
imageSrc: "http://img.b2bpic.net/free-photo/gear-front-side-white-background_187299-40157.jpg", imageAlt: "Professional plan icon"},
|
|
{
|
|
id: "executive", title: "Executive Platinum", price: "$199", period: "/month", features: [
|
|
"All Professional Features", "Dedicated Account Manager", "Exclusive Content Access", "Advanced Analytics", "Custom Brand Page"],
|
|
button: {
|
|
text: "Contact Sales", href: "#"},
|
|
imageSrc: "http://img.b2bpic.net/free-vector/geometrical-shapes-set_53876-94260.jpg", imageAlt: "Executive plan icon"},
|
|
]}
|
|
title="Choose Your Path to Elite Connection"
|
|
description="Select the membership tier that best suits your networking and content sharing aspirations on ConnectPro."
|
|
tag="Membership Tiers"
|
|
tagIcon={Wallet}
|
|
tagAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqBase
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{
|
|
id: "faq-1", title: "What makes ConnectPro a premium platform?", content: "ConnectPro focuses on quality over quantity, offering a highly curated environment, ad-free experience, advanced privacy, and exclusive communities for discerning professionals."},
|
|
{
|
|
id: "faq-2", title: "How is my privacy protected on ConnectPro?", content: "We implement robust encryption, strict data handling policies, and granular privacy controls, ensuring your data is secure and your sharing is always on your terms."},
|
|
{
|
|
id: "faq-3", title: "Can I invite other professionals to join?", content: "Yes, members can invite new users, subject to an approval process, ensuring our community maintains its high standards and curated quality."},
|
|
]}
|
|
title="Frequently Asked Questions"
|
|
description="Find answers to common questions about ConnectPro's exclusive features, privacy protocols, and community guidelines."
|
|
tag="Quick Answers"
|
|
tagIcon={HelpCircle}
|
|
tagAnimation="slide-up"
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCTA
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "animated-grid"}}
|
|
tag="Ready to Elevate?"
|
|
tagIcon={ArrowRight}
|
|
tagAnimation="slide-up"
|
|
title="Join the Future of Social Networking"
|
|
description="Become part of an exclusive community that values quality interactions. With a steadfast commitment to privacy and security, apply for membership and shape your digital presence."
|
|
buttons={[
|
|
{
|
|
text: "Apply for Membership", href: "#"},
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseCard
|
|
logoText="ConnectPro"
|
|
columns={[
|
|
{
|
|
title: "Company", items: [
|
|
{
|
|
label: "About Us", href: "#about"},
|
|
{
|
|
label: "Careers", href: "#"},
|
|
],
|
|
},
|
|
{
|
|
title: "Community", items: [
|
|
{
|
|
label: "Guidelines", href: "#"},
|
|
{
|
|
label: "Support", href: "#"},
|
|
],
|
|
},
|
|
{
|
|
title: "Resources", items: [
|
|
{
|
|
label: "Blog", href: "#"},
|
|
{
|
|
label: "FAQ", href: "#faq"},
|
|
],
|
|
},
|
|
]}
|
|
copyrightText="© 2025 ConnectPro. All rights reserved."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |