Merge version_1 into main #2
295
src/app/page.tsx
295
src/app/page.tsx
@@ -32,33 +32,20 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#home",
|
||||
},
|
||||
name: "Home", id: "#home"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "#features",
|
||||
},
|
||||
name: "Features", id: "#features"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "#testimonials"},
|
||||
{
|
||||
name: "About Us",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About Us", id: "#about"},
|
||||
{
|
||||
name: "FAQs",
|
||||
id: "#faqs",
|
||||
},
|
||||
name: "FAQs", id: "#faqs"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
button={{
|
||||
text: "Create Your Account",
|
||||
}}
|
||||
text: "Create Your Account"}}
|
||||
logoSrc="http://img.b2bpic.net/free-photo/biohazard-sign-ai-generated_268835-18690.jpg"
|
||||
brandName="Supergram"
|
||||
/>
|
||||
@@ -70,67 +57,36 @@ export default function LandingPage() {
|
||||
description="Supergram brings your friends closer with stories, posts, messages, and groups—all in one clean, distractionfree space."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alex P.",
|
||||
handle: "@alex_connects",
|
||||
testimonial: "Supergram's focus on privacy is a game-changer. Finally, a social platform that respects my space and keeps me truly connected.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
|
||||
},
|
||||
name: "Alex P.", handle: "@alex_connects", testimonial: "Supergram's focus on privacy is a game-changer. Finally, a social platform that respects my space and keeps me truly connected.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg"},
|
||||
{
|
||||
name: "Jamie L.",
|
||||
handle: "@jamie_shares",
|
||||
testimonial: "The clean interface and intuitive features make sharing stories and posts a joy. No more clutter, just pure connection! ",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-pensive-businessman_1098-701.jpg",
|
||||
},
|
||||
name: "Jamie L.", handle: "@jamie_shares", testimonial: "The clean interface and intuitive features make sharing stories and posts a joy. No more clutter, just pure connection! ", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-pensive-businessman_1098-701.jpg"},
|
||||
{
|
||||
name: "Morgan D.",
|
||||
handle: "@morgan_groups",
|
||||
testimonial: "Group chats on Supergram are incredibly organized. It's the perfect tool for coordinating with friends and communities.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-woman-posing-fashionable-outfit_23-2149021812.jpg",
|
||||
},
|
||||
name: "Morgan D.", handle: "@morgan_groups", testimonial: "Group chats on Supergram are incredibly organized. It's the perfect tool for coordinating with friends and communities.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-woman-posing-fashionable-outfit_23-2149021812.jpg"},
|
||||
{
|
||||
name: "Casey R.",
|
||||
handle: "@casey_reacts",
|
||||
testimonial: "I love the new reaction options! It makes interacting with content so much more expressive and fun.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-pretty-young-woman-looking-camera_1262-16156.jpg",
|
||||
},
|
||||
name: "Casey R.", handle: "@casey_reacts", testimonial: "I love the new reaction options! It makes interacting with content so much more expressive and fun.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-pretty-young-woman-looking-camera_1262-16156.jpg"},
|
||||
{
|
||||
name: "Sam W.",
|
||||
handle: "@sam_updates",
|
||||
testimonial: "Supergram is exactly what the social media landscape needed. Simple, secure, and focused on what truly matters: friends.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/working-man_1098-18366.jpg",
|
||||
},
|
||||
name: "Sam W.", handle: "@sam_updates", testimonial: "Supergram is exactly what the social media landscape needed. Simple, secure, and focused on what truly matters: friends.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/working-man_1098-18366.jpg"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Create Your Account",
|
||||
},
|
||||
text: "Create Your Account"},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-blogger-smiling_23-2148538932.jpg",
|
||||
alt: "User 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-blogger-smiling_23-2148538932.jpg", alt: "User 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/user-profile-icon-right-side_187299-47597.jpg",
|
||||
alt: "User 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/user-profile-icon-right-side_187299-47597.jpg", alt: "User 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/fun-happy-young-girl-showing-different-emotional-expressions_633478-403.jpg",
|
||||
alt: "User 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/fun-happy-young-girl-showing-different-emotional-expressions_633478-403.jpg", alt: "User 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-curly-haired-woman-keeps-hands-chin-looks-directly-camera-dressed-casually-isolated-white-studio-background-smiles-pleasantly-has-pleasant-conversation_273609-60697.jpg",
|
||||
alt: "User 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-curly-haired-woman-keeps-hands-chin-looks-directly-camera-dressed-casually-isolated-white-studio-background-smiles-pleasantly-has-pleasant-conversation_273609-60697.jpg", alt: "User 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/people-technology-leisure-concept_273609-6599.jpg",
|
||||
alt: "People, technology and leisure concept.",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/people-technology-leisure-concept_273609-6599.jpg", alt: "People, technology and leisure concept."},
|
||||
]}
|
||||
avatarText="Join 10,000+ happy users!"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/business-network-background-connecting-dots-technology-design_53876-160210.jpg"
|
||||
@@ -158,23 +114,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Share Your Stories",
|
||||
description: "Capture and share fleeting moments with friends through engaging stories that disappear after 24 hours. Express yourself visually and interact with quick reactions.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/sport-tech-instagram-stories_23-2148685076.jpg",
|
||||
imageAlt: "Social media stories UI on a smartphone",
|
||||
},
|
||||
title: "Share Your Stories", description: "Capture and share fleeting moments with friends through engaging stories that disappear after 24 hours. Express yourself visually and interact with quick reactions.", imageSrc: "http://img.b2bpic.net/free-vector/sport-tech-instagram-stories_23-2148685076.jpg", imageAlt: "Social media stories UI on a smartphone"},
|
||||
{
|
||||
title: "Streamlined Messaging",
|
||||
description: "Connect with friends directly or in groups with our clean, real-time messaging. Enjoy secure, distraction-free conversations and share media effortlessly.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/laptop-screen-room-with-red-light_250224-287.jpg",
|
||||
imageAlt: "Social media messaging UI on a smartphone",
|
||||
},
|
||||
title: "Streamlined Messaging", description: "Connect with friends directly or in groups with our clean, real-time messaging. Enjoy secure, distraction-free conversations and share media effortlessly.", imageSrc: "http://img.b2bpic.net/free-photo/laptop-screen-room-with-red-light_250224-287.jpg", imageAlt: "Social media messaging UI on a smartphone"},
|
||||
{
|
||||
title: "Create & Organize Groups",
|
||||
description: "Build communities around shared interests. Supergram's group features make it easy to manage members, share posts, and chat privately with your chosen circles.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/general-headquarters-monitoring-room-with-mockup-screen-tablet_482257-90086.jpg",
|
||||
imageAlt: "Social media group management UI on a desktop",
|
||||
},
|
||||
title: "Create & Organize Groups", description: "Build communities around shared interests. Supergram's group features make it easy to manage members, share posts, and chat privately with your chosen circles.", imageSrc: "http://img.b2bpic.net/free-photo/general-headquarters-monitoring-room-with-mockup-screen-tablet_482257-90086.jpg", imageAlt: "Social media group management UI on a desktop"},
|
||||
]}
|
||||
title="Experience Seamless Socializing"
|
||||
description="From sharing your daily moments to organizing group events, Supergram makes every interaction intuitive and enjoyable."
|
||||
@@ -188,64 +132,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t-1",
|
||||
name: "Sarah Johnson",
|
||||
role: "Content Creator",
|
||||
company: "Digital Minds",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-business-woman-wearing-hard-hat-building-object_1303-27938.jpg",
|
||||
imageAlt: "Sarah Johnson",
|
||||
},
|
||||
id: "t-1", name: "Sarah Johnson", role: "Content Creator", company: "Digital Minds", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-business-woman-wearing-hard-hat-building-object_1303-27938.jpg", imageAlt: "Sarah Johnson"},
|
||||
{
|
||||
id: "t-2",
|
||||
name: "Michael Chen",
|
||||
role: "Community Manager",
|
||||
company: "Connect Hub",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-office-center_1303-19601.jpg",
|
||||
imageAlt: "Michael Chen",
|
||||
},
|
||||
id: "t-2", name: "Michael Chen", role: "Community Manager", company: "Connect Hub", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-office-center_1303-19601.jpg", imageAlt: "Michael Chen"},
|
||||
{
|
||||
id: "t-3",
|
||||
name: "Emily Rodriguez",
|
||||
role: "Social Strategist",
|
||||
company: "TrendSetters",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285308.jpg",
|
||||
imageAlt: "Emily Rodriguez",
|
||||
},
|
||||
id: "t-3", name: "Emily Rodriguez", role: "Social Strategist", company: "TrendSetters", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285308.jpg", imageAlt: "Emily Rodriguez"},
|
||||
{
|
||||
id: "t-4",
|
||||
name: "David Kim",
|
||||
role: "Privacy Advocate",
|
||||
company: "SecureNet",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/outdoor-photo-smiling-african-young-man-big-hat-posing-close-up-portrait-chilling-guy-black-headphones-spending-time-park_197531-21896.jpg",
|
||||
imageAlt: "David Kim",
|
||||
},
|
||||
id: "t-4", name: "David Kim", role: "Privacy Advocate", company: "SecureNet", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/outdoor-photo-smiling-african-young-man-big-hat-posing-close-up-portrait-chilling-guy-black-headphones-spending-time-park_197531-21896.jpg", imageAlt: "David Kim"},
|
||||
{
|
||||
id: "t-5",
|
||||
name: "Olivia White",
|
||||
role: "University Student",
|
||||
company: "Global Youth",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-stylish-blond-male-dressed-blue-suit_613910-12746.jpg",
|
||||
imageAlt: "Olivia White",
|
||||
},
|
||||
id: "t-5", name: "Olivia White", role: "University Student", company: "Global Youth", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-stylish-blond-male-dressed-blue-suit_613910-12746.jpg", imageAlt: "Olivia White"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "100K+",
|
||||
label: "Active Users",
|
||||
},
|
||||
value: "100K+", label: "Active Users"},
|
||||
{
|
||||
value: "4.9/5",
|
||||
label: "App Rating",
|
||||
},
|
||||
value: "4.9/5", label: "App Rating"},
|
||||
{
|
||||
value: "99%",
|
||||
label: "Privacy Score",
|
||||
},
|
||||
value: "99%", label: "Privacy Score"},
|
||||
]}
|
||||
title="Hear What Our Early Adopters Say"
|
||||
description="Our community loves the fresh, clean experience. Read why Supergram is becoming their go-to for connecting."
|
||||
@@ -259,34 +167,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m-1",
|
||||
value: "100K+",
|
||||
title: "New Users Last Month",
|
||||
items: [
|
||||
"Rapidly growing community",
|
||||
"Welcoming new friends daily",
|
||||
"Expanding global presence",
|
||||
],
|
||||
id: "m-1", value: "100K+", title: "New Users Last Month", items: [
|
||||
"Rapidly growing community", "Welcoming new friends daily", "Expanding global presence"],
|
||||
},
|
||||
{
|
||||
id: "m-2",
|
||||
value: "5M+",
|
||||
title: "Messages Sent Daily",
|
||||
items: [
|
||||
"Real-time communication",
|
||||
"Seamless group chats",
|
||||
"Private 1-on-1 conversations",
|
||||
],
|
||||
id: "m-2", value: "5M+", title: "Messages Sent Daily", items: [
|
||||
"Real-time communication", "Seamless group chats", "Private 1-on-1 conversations"],
|
||||
},
|
||||
{
|
||||
id: "m-3",
|
||||
value: "50K+",
|
||||
title: "Active Communities",
|
||||
items: [
|
||||
"Diverse interest groups",
|
||||
"Organize events easily",
|
||||
"Share posts with your circles",
|
||||
],
|
||||
id: "m-3", value: "50K+", title: "Active Communities", items: [
|
||||
"Diverse interest groups", "Organize events easily", "Share posts with your circles"],
|
||||
},
|
||||
]}
|
||||
title="Grow Your Network, Expand Your Reach"
|
||||
@@ -299,14 +189,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"SecureTech Solutions",
|
||||
"DataGuard Innovations",
|
||||
"Community Builders Inc.",
|
||||
"CyberShield Alliance",
|
||||
"CloudCore Services",
|
||||
"Digital Growth Agency",
|
||||
"AI Pioneers Lab",
|
||||
]}
|
||||
"SecureTech Solutions", "DataGuard Innovations", "Community Builders Inc.", "CyberShield Alliance", "CloudCore Services", "Digital Growth Agency", "AI Pioneers Lab"]}
|
||||
title="Trusted by Innovators and Communities"
|
||||
description="Proudly partnering with leading organizations and thought leaders to bring you a secure and connected experience. Together, we build better digital spaces."
|
||||
showCard={true}
|
||||
@@ -319,20 +202,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "faq-1",
|
||||
title: "What makes Supergram different?",
|
||||
content: "Supergram prioritizes user privacy, providing a clean, distraction-free interface focused on genuine connections through stories, posts, and groups, without invasive ads or data mining.",
|
||||
},
|
||||
id: "faq-1", title: "What makes Supergram different?", content: "Supergram prioritizes user privacy, providing a clean, distraction-free interface focused on genuine connections through stories, posts, and groups, without invasive ads or data mining."},
|
||||
{
|
||||
id: "faq-2",
|
||||
title: "How secure is my data on Supergram?",
|
||||
content: "We use end-to-end encryption for messaging and robust security protocols to protect all user data. Your privacy is our top concern, and we never share or sell your personal information.",
|
||||
},
|
||||
id: "faq-2", title: "How secure is my data on Supergram?", content: "We use end-to-end encryption for messaging and robust security protocols to protect all user data. Your privacy is our top concern, and we never share or sell your personal information."},
|
||||
{
|
||||
id: "faq-3",
|
||||
title: "Can I customize my privacy settings?",
|
||||
content: "Yes, Supergram offers extensive privacy controls. You can easily manage who sees your stories and posts, who can message you, and your group participation settings directly from your profile.",
|
||||
},
|
||||
id: "faq-3", title: "Can I customize my privacy settings?", content: "Yes, Supergram offers extensive privacy controls. You can easily manage who sees your stories and posts, who can message you, and your group participation settings directly from your profile."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/cyber-monday-sale-neon-tech-promotion_23-2152027233.jpg"
|
||||
imageAlt="Customer support interface with AI assistant"
|
||||
@@ -347,96 +221,63 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
text="Ready to join the Supergram community? Have questions or feedback? Reach out to us anytime. We're here to help you connect."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get in Touch",
|
||||
href: "mailto:support@supergram.com",
|
||||
},
|
||||
text: "Get in Touch", href: "mailto:support@supergram.com"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
videoSrc="http://img.b2bpic.net/free-photo/3d-modern-background-with-abstract-design-flowing-particles_1048-12262.jpg?_wi=1"
|
||||
videoSrc="http://img.b2bpic.net/free-photo/3d-modern-background-with-abstract-design-flowing-particles_1048-12262.jpg"
|
||||
logoSrc="http://img.b2bpic.net/free-photo/biohazard-sign-ai-generated_268835-18690.jpg"
|
||||
logoText="Supergram"
|
||||
columns={[
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
title: "Product", items: [
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Features", href: "#features"},
|
||||
{
|
||||
label: "Stories & Posts",
|
||||
href: "#",
|
||||
},
|
||||
label: "Stories & Posts", href: "#"},
|
||||
{
|
||||
label: "Messaging",
|
||||
href: "#",
|
||||
},
|
||||
label: "Messaging", href: "#"},
|
||||
{
|
||||
label: "Groups",
|
||||
href: "#",
|
||||
},
|
||||
label: "Groups", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Testimonials",
|
||||
href: "#testimonials",
|
||||
},
|
||||
label: "Testimonials", href: "#testimonials"},
|
||||
{
|
||||
label: "Partners",
|
||||
href: "#social-proof",
|
||||
},
|
||||
label: "Partners", href: "#social-proof"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "FAQs",
|
||||
href: "#faqs",
|
||||
},
|
||||
label: "FAQs", href: "#faqs"},
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact Us", href: "#contact"},
|
||||
{
|
||||
label: "Help Center",
|
||||
href: "#",
|
||||
},
|
||||
label: "Help Center", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2024 Supergram. All rights reserved."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-modern-background-with-abstract-design-flowing-particles_1048-12262.jpg?_wi=2"
|
||||
imageAlt="abstract network animation dark green"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user