Merge version_1 into main #1
212
src/app/page.tsx
212
src/app/page.tsx
@@ -2,6 +2,7 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import { Shield, Zap, CheckCircle, Star } from "lucide-react";
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||||
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
||||
@@ -32,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Membership",
|
||||
id: "membership",
|
||||
},
|
||||
name: "Membership", id: "membership"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
name: "FAQ", id: "faq"},
|
||||
]}
|
||||
brandName="EliteHub"
|
||||
/>
|
||||
@@ -55,37 +48,24 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Welcome to EliteHub"
|
||||
description="The premier social network for the world's most influential and driven individuals. Experience connection without compromise."
|
||||
buttons={[
|
||||
{
|
||||
text: "Join the Elite",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Join the Elite", href: "#contact"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/template-instagram-profile-interface_23-2148422904.jpg",
|
||||
imageAlt: "Digital Network Interface",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/template-instagram-profile-interface_23-2148422904.jpg", imageAlt: "Digital Network Interface"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-welldressed-arabian-man-with-glass-whiskey-cigar-posed-pub_627829-5846.jpg",
|
||||
imageAlt: "Community Engagement",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-welldressed-arabian-man-with-glass-whiskey-cigar-posed-pub_627829-5846.jpg", imageAlt: "Community Engagement"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/credit-cards-that-are-stacked-neatly-together_1150-16384.jpg",
|
||||
imageAlt: "Membership Card",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/credit-cards-that-are-stacked-neatly-together_1150-16384.jpg", imageAlt: "Membership Card"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-paper-background-concept_23-2148812700.jpg",
|
||||
imageAlt: "Abstract Textures",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-paper-background-concept_23-2148812700.jpg", imageAlt: "Abstract Textures"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-modern-low-poly-plexus-design_1048-13725.jpg",
|
||||
imageAlt: "Connected Nodes",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-modern-low-poly-plexus-design_1048-13725.jpg", imageAlt: "Connected Nodes"},
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -98,17 +78,11 @@ export default function LandingPage() {
|
||||
description="EliteHub is engineered for individuals who demand security, privacy, and meaningful high-level networking."
|
||||
metrics={[
|
||||
{
|
||||
value: "100K+",
|
||||
title: "Verified Members",
|
||||
},
|
||||
value: "100K+", title: "Verified Members"},
|
||||
{
|
||||
value: "99%",
|
||||
title: "Privacy Rate",
|
||||
},
|
||||
value: "99%", title: "Privacy Rate"},
|
||||
{
|
||||
value: "24/7",
|
||||
title: "Concierge Support",
|
||||
},
|
||||
value: "24/7", title: "Concierge Support"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/interior-design-neoclassical-style-with-furnishings-decor_23-2151199299.jpg"
|
||||
imageAlt="Premium environment"
|
||||
@@ -123,28 +97,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Encryption",
|
||||
description: "Bank-grade security protocols.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cybersecurity-network-with-glowing-padlocks_23-2151998471.jpg",
|
||||
buttonIcon: "Shield",
|
||||
title: "Encryption", description: "Bank-grade security protocols.", imageSrc: "http://img.b2bpic.net/free-photo/cybersecurity-network-with-glowing-padlocks_23-2151998471.jpg", buttonIcon: Shield,
|
||||
},
|
||||
{
|
||||
title: "AI Intelligence",
|
||||
description: "Smart curation for connections.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colorful-trails-neon-lights_23-2147786046.jpg",
|
||||
buttonIcon: "Zap",
|
||||
title: "AI Intelligence", description: "Smart curation for connections.", imageSrc: "http://img.b2bpic.net/free-photo/colorful-trails-neon-lights_23-2147786046.jpg", buttonIcon: Zap,
|
||||
},
|
||||
{
|
||||
title: "Verified Only",
|
||||
description: "Strict identity validation.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/premium-golden-sticker-collection_23-2147626159.jpg",
|
||||
buttonIcon: "CheckCircle",
|
||||
title: "Verified Only", description: "Strict identity validation.", imageSrc: "http://img.b2bpic.net/free-vector/premium-golden-sticker-collection_23-2147626159.jpg", buttonIcon: CheckCircle,
|
||||
},
|
||||
{
|
||||
title: "Exclusive Events",
|
||||
description: "Private invitations for members.",
|
||||
imageSrc: "http://img.b2bpic.net/free-psd/wedding-celebration-template_23-2151503531.jpg",
|
||||
buttonIcon: "Star",
|
||||
title: "Exclusive Events", description: "Private invitations for members.", imageSrc: "http://img.b2bpic.net/free-psd/wedding-celebration-template_23-2151503531.jpg", buttonIcon: Star,
|
||||
},
|
||||
]}
|
||||
title="Advanced Connectivity"
|
||||
@@ -160,20 +122,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "500+",
|
||||
description: "Partnerships",
|
||||
},
|
||||
id: "m1", value: "500+", description: "Partnerships"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "$1B+",
|
||||
description: "Network Value",
|
||||
},
|
||||
id: "m2", value: "$1B+", description: "Network Value"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "40+",
|
||||
description: "Countries Represented",
|
||||
},
|
||||
id: "m3", value: "40+", description: "Countries Represented"},
|
||||
]}
|
||||
title="Platform Growth"
|
||||
description="We are scaling with quality, not just numbers."
|
||||
@@ -188,41 +141,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Gold Badge",
|
||||
price: "$99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/credit-cards-gift-luxury-financial-payment-concept_187299-47955.jpg",
|
||||
},
|
||||
id: "p1", name: "Gold Badge", price: "$99", imageSrc: "http://img.b2bpic.net/free-photo/credit-cards-gift-luxury-financial-payment-concept_187299-47955.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Digital Art",
|
||||
price: "$299",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/set-blue-yellow-waterdrop-isolated-dark-backdrop_23-2147837337.jpg",
|
||||
},
|
||||
id: "p2", name: "Digital Art", price: "$299", imageSrc: "http://img.b2bpic.net/free-photo/set-blue-yellow-waterdrop-isolated-dark-backdrop_23-2147837337.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Access Pass",
|
||||
price: "$499",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-hard-disk-components-with-blue-light_23-2149413368.jpg",
|
||||
},
|
||||
id: "p3", name: "Access Pass", price: "$499", imageSrc: "http://img.b2bpic.net/free-photo/top-view-hard-disk-components-with-blue-light_23-2149413368.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "VIP Profile",
|
||||
price: "$199",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=iolnn2",
|
||||
},
|
||||
id: "p4", name: "VIP Profile", price: "$199", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=iolnn2"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Concierge Plan",
|
||||
price: "$999",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/note-with-encouragement-quote-starting-with-dear_23-2150105120.jpg",
|
||||
},
|
||||
id: "p5", name: "Concierge Plan", price: "$999", imageSrc: "http://img.b2bpic.net/free-photo/note-with-encouragement-quote-starting-with-dear_23-2150105120.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Unlock Tool",
|
||||
price: "$149",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lock-sign-front-side-with-white-background_187299-39895.jpg",
|
||||
},
|
||||
id: "p6", name: "Unlock Tool", price: "$149", imageSrc: "http://img.b2bpic.net/free-photo/lock-sign-front-side-with-white-background_187299-39895.jpg"},
|
||||
]}
|
||||
title="Exclusive Membership Assets"
|
||||
description="Accessorize your digital persona with EliteHub premium items."
|
||||
@@ -236,45 +165,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alexandra V.",
|
||||
handle: "@alexv",
|
||||
testimonial: "EliteHub changed my networking game.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-businessman-with-hands-crossed-smiling_158595-3406.jpg",
|
||||
},
|
||||
id: "t1", name: "Alexandra V.", handle: "@alexv", testimonial: "EliteHub changed my networking game.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-businessman-with-hands-crossed-smiling_158595-3406.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Marcus Chen",
|
||||
handle: "@mchen",
|
||||
testimonial: "The community is unparalleled.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-african-american-woman-wearing-coat-posing-street_181624-25829.jpg",
|
||||
},
|
||||
id: "t2", name: "Marcus Chen", handle: "@mchen", testimonial: "The community is unparalleled.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-african-american-woman-wearing-coat-posing-street_181624-25829.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Elena Ross",
|
||||
handle: "@elena",
|
||||
testimonial: "Worth every cent of the membership.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-festive-plump-male-eyeglasses-bow-tie-dark-grey-background_613910-13747.jpg",
|
||||
},
|
||||
id: "t3", name: "Elena Ross", handle: "@elena", testimonial: "Worth every cent of the membership.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-festive-plump-male-eyeglasses-bow-tie-dark-grey-background_613910-13747.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David Thorne",
|
||||
handle: "@thorne",
|
||||
testimonial: "Incredible, high-value connections.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blonde-woman-black-dress-necklaces-hat-sitting-bench_627829-11763.jpg",
|
||||
},
|
||||
id: "t4", name: "David Thorne", handle: "@thorne", testimonial: "Incredible, high-value connections.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blonde-woman-black-dress-necklaces-hat-sitting-bench_627829-11763.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Sophie K.",
|
||||
handle: "@sophie",
|
||||
testimonial: "Simply the best network available.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/teen-girl-duckface-selfie-by-water-playful-youth-vibe_169016-69571.jpg",
|
||||
},
|
||||
id: "t5", name: "Sophie K.", handle: "@sophie", testimonial: "Simply the best network available.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/teen-girl-duckface-selfie-by-water-playful-youth-vibe_169016-69571.jpg"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Voices of the Elite"
|
||||
@@ -288,20 +192,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Is EliteHub secure?",
|
||||
content: "Yes, we use advanced encryption.",
|
||||
},
|
||||
id: "f1", title: "Is EliteHub secure?", content: "Yes, we use advanced encryption."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "How to join?",
|
||||
content: "Application required.",
|
||||
},
|
||||
id: "f2", title: "How to join?", content: "Application required."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Can I invite guests?",
|
||||
content: "Exclusive member access only.",
|
||||
},
|
||||
id: "f3", title: "Can I invite guests?", content: "Exclusive member access only."},
|
||||
]}
|
||||
title="Common Inquiries"
|
||||
description="Everything you need to know."
|
||||
@@ -313,8 +208,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Get Early Access"
|
||||
title="Join the Waitlist"
|
||||
description="We are currently accepting applications for new members."
|
||||
@@ -328,29 +222,19 @@ export default function LandingPage() {
|
||||
logoText="EliteHub"
|
||||
columns={[
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
title: "Resources", items: [
|
||||
{
|
||||
label: "Community",
|
||||
href: "#",
|
||||
},
|
||||
label: "Community", href: "#"},
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#",
|
||||
},
|
||||
label: "Blog", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user