bender/6525bc63-5838-4ddf-8be1-e8cbcab04eab
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-03-30 01:37:27 +00:00
parent fc9c5b5a3c
commit 8e320e4f82
1 changed files with 33 additions and 117 deletions
Download Patch File Download Diff File Expand all files Collapse all files

150
src/app/page.tsx
View File

@@ -14,37 +14,29 @@ import TestimonialCardFifteen from '@/components/sections/testimonial/Testimonia
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="directional-hover"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
contentWidth="compact"
sizing="medium"
background="noise"
cardStyle="gradient-radial"
primaryButtonStyle="double-inset"
secondaryButtonStyle="layered"
headingFontWeight="bold"
defaultButtonVariant="hover-magnetic"
defaultTextAnimation="reveal-blur"
borderRadius="pill"
contentWidth="medium"
sizing="mediumLargeSizeLargeTitles"
background="fluid"
cardStyle="glass-elevated"
primaryButtonStyle="primary-glow"
secondaryButtonStyle="glass"
headingFontWeight="semibold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{
name: "Home",
id: "home",
},
name: "Home", id: "home"},
{
name: "About",
id: "about",
},
name: "About", id: "about"},
{
name: "Features",
id: "features",
},
name: "Features", id: "features"},
{
name: "Contact",
id: "contact",
},
name: "Contact", id: "contact"},
]}
brandName="Connect"
/>
@@ -53,44 +45,23 @@ export default function LandingPage() {
<div id="home" data-section="home">
<HeroBillboardGallery
background={{
variant: "gradient-bars",
}}
variant: "sparkles-gradient"}}
title="The Next Era of Social"
description="Experience a curated social platform designed for creators, thinkers, and visionaries. Seamless connectivity in a premium environment."
tag="Connect Exclusive"
buttons={[
{
text: "Get Started",
href: "#contact",
},
text: "Get Started", href: "#contact"},
]}
mediaItems={[
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcPuHaMEIfEQKdhC1n860kkVjp/a-high-end-social-media-mobile-app-inter-1774834476250-b8b62d4c.png",
imageAlt: "Social Feed",
},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcPuHaMEIfEQKdhC1n860kkVjp/a-high-end-social-media-mobile-app-inter-1774834476250-b8b62d4c.png", imageAlt: "Social Feed"},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcPuHaMEIfEQKdhC1n860kkVjp/a-person-holding-a-modern-smartphone-in--1774834475294-ca36108e.png",
imageAlt: "Interaction",
},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcPuHaMEIfEQKdhC1n860kkVjp/a-person-holding-a-modern-smartphone-in--1774834475294-ca36108e.png", imageAlt: "Interaction"},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcPuHaMEIfEQKdhC1n860kkVjp/a-vibrant-digital-network-visualization--1774834476004-050ee581.png",
imageAlt: "Digital Networking",
},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcPuHaMEIfEQKdhC1n860kkVjp/close-up-of-an-advanced-camera-lens-capt-1774834476209-bb3793d3.png",
imageAlt: "Creative Lens",
},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcPuHaMEIfEQKdhC1n860kkVjp/abstract-geometric-shapes-in-a-dark-meta-1774834475390-20f479ce.png",
imageAlt: "Geometric Abstract",
},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcPuHaMEIfEQKdhC1n860kkVjp/a-sophisticated-social-platform-dashboar-1774834476237-0fc8dfbc.png",
imageAlt: "Platform Dashboard",
},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcPuHaMEIfEQKdhC1n860kkVjp/a-vibrant-digital-network-visualization--1774834476004-050ee581.png", imageAlt: "Digital Networking"},
]}
mediaAnimation="slide-up"
mediaAnimation="blur-reveal"
/>
</div>
@@ -101,17 +72,11 @@ export default function LandingPage() {
description="We are redefining the digital social experience. Our platform focuses on quality, depth, and genuine engagement without the noise."
metrics={[
{
value: "1M+",
title: "Active Users",
},
value: "1M+", title: "Active Users"},
{
value: "99%",
title: "User Satisfaction",
},
value: "99%", title: "User Satisfaction"},
{
value: "50+",
title: "Curated Features",
},
value: "50+", title: "Curated Features"},
]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcPuHaMEIfEQKdhC1n860kkVjp/a-group-of-professional-creatives-workin-1774834476389-9c648e06.png"
imageAlt="Team Collaboration"
@@ -122,29 +87,17 @@ export default function LandingPage() {
<div id="features" data-section="features">
<FeatureCardTwentySeven
animationType="slide-up"
animationType="blur-reveal"
textboxLayout="split"
gridVariant="timeline"
useInvertedBackground={true}
features={[
{
id: "1",
title: "Secure Encryption",
description: "Privacy is at the core. Your conversations and data are fully encrypted.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcPuHaMEIfEQKdhC1n860kkVjp/digital-lock-icon-representing-premium-s-1774834476458-6aa042b4.png",
},
id: "1", title: "Secure Encryption", description: "Privacy is at the core. Your conversations and data are fully encrypted.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcPuHaMEIfEQKdhC1n860kkVjp/digital-lock-icon-representing-premium-s-1774834476458-6aa042b4.png"},
{
id: "2",
title: "Global Reach",
description: "Connect with creators and visionaries from every corner of the world.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcPuHaMEIfEQKdhC1n860kkVjp/global-connection-abstract-visualization-1774834475624-d7ee36d0.png",
},
id: "2", title: "Global Reach", description: "Connect with creators and visionaries from every corner of the world.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcPuHaMEIfEQKdhC1n860kkVjp/global-connection-abstract-visualization-1774834475624-d7ee36d0.png"},
{
id: "3",
title: "AI Content Curation",
description: "Discover content you love with our advanced intelligent filtering.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcPuHaMEIfEQKdhC1n860kkVjp/ai-driven-content-feed-icon-minimalist-g-1774834475466-85653f49.png",
},
id: "3", title: "AI Content Curation", description: "Discover content you love with our advanced intelligent filtering.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcPuHaMEIfEQKdhC1n860kkVjp/ai-driven-content-feed-icon-minimalist-g-1774834475466-85653f49.png"},
]}
title="Sophisticated Features"
description="Powering your social life with advanced tools that matter."
@@ -156,23 +109,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
names={[
"TechCorp",
"InnovateLab",
"GrowthCo",
"StartupXYZ",
"DigitalWave",
"CreativeStudio",
"FuturePulse",
]}
logos={[
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcPuHaMEIfEQKdhC1n860kkVjp/minimalist-tech-company-logo-on-dark-bac-1774834475208-72fd2ac7.png",
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcPuHaMEIfEQKdhC1n860kkVjp/minimalist-tech-company-logo-on-dark-bac-1774834477370-19579415.png",
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcPuHaMEIfEQKdhC1n860kkVjp/minimalist-tech-company-logo-on-dark-bac-1774834477428-86e0553a.png",
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcPuHaMEIfEQKdhC1n860kkVjp/minimalist-tech-company-logo-on-dark-bac-1774834476105-fa67f331.png",
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcPuHaMEIfEQKdhC1n860kkVjp/minimalist-tech-company-logo-on-dark-bac-1774834474980-856ad8a9.png",
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcPuHaMEIfEQKdhC1n860kkVjp/minimalist-tech-company-logo-on-dark-bac-1774834475237-8572f3df.png",
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcPuHaMEIfEQKdhC1n860kkVjp/minimalist-tech-company-logo-on-dark-bac-1774834475279-27f42a9f.png",
]}
"TechCorp", "InnovateLab", "GrowthCo", "StartupXYZ", "DigitalWave", "CreativeStudio", "FuturePulse"]}
title="Trusted by Leaders"
description="Join a community of professionals and visionaries driving the future."
/>
@@ -186,25 +123,9 @@ export default function LandingPage() {
author="Sarah Johnson, CEO"
avatars={[
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcPuHaMEIfEQKdhC1n860kkVjp/portrait-of-a-young-creative-professiona-1774834475524-aea647f3.png",
alt: "Sarah",
},
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcPuHaMEIfEQKdhC1n860kkVjp/portrait-of-a-young-creative-professiona-1774834475524-aea647f3.png", alt: "Sarah"},
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcPuHaMEIfEQKdhC1n860kkVjp/portrait-of-a-mature-tech-executive-look-1774834477412-143e5da5.png",
alt: "Michael",
},
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcPuHaMEIfEQKdhC1n860kkVjp/portrait-of-a-designer-working-on-a-tabl-1774834475907-2b04d903.png",
alt: "Emily",
},
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcPuHaMEIfEQKdhC1n860kkVjp/portrait-of-a-social-media-influencer-lo-1774834475873-c07767b9.png",
alt: "David",
},
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcPuHaMEIfEQKdhC1n860kkVjp/portrait-of-a-young-creative-professiona-1774834475524-aea647f3.png",
alt: "Alex",
},
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcPuHaMEIfEQKdhC1n860kkVjp/portrait-of-a-mature-tech-executive-look-1774834477412-143e5da5.png", alt: "Michael"},
]}
ratingAnimation="blur-reveal"
avatarsAnimation="slide-up"
@@ -215,8 +136,7 @@ export default function LandingPage() {
<ContactCenter
useInvertedBackground={false}
background={{
variant: "rotated-rays-static",
}}
variant: "sparkles-gradient"}}
tag="Join Now"
title="Request Your Invite"
description="Apply today for early access to the Connect ecosystem. Limited spots available for the premium experience."
@@ -227,13 +147,9 @@ export default function LandingPage() {
<FooterLogoReveal
logoText="Connect"
leftLink={{
text: "Privacy Policy",
href: "#",
}}
text: "Privacy Policy", href: "#"}}
rightLink={{
text: "Terms of Service",
href: "#",
}}
text: "Terms of Service", href: "#"}}
/>
</div>
</ReactLenis>