Update src/app/page.tsx
This commit is contained in:
327
src/app/page.tsx
327
src/app/page.tsx
@@ -31,22 +31,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Community",
|
||||
id: "metrics",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Profile", id: "/user-profile" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Community", id: "metrics" },
|
||||
{ name: "FAQ", id: "faq" }
|
||||
]}
|
||||
brandName="Sohix"
|
||||
/>
|
||||
@@ -54,62 +43,19 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Share Your World, Connect with Sohix"
|
||||
description="Where daily moments, memes, and stories come together. Join Sohix to laugh, confess, and connect in an interactive social community built for you."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/attractive-young-caucasian-athletic-sporty-woman-sitting-leaning-concrete-wall-laughing-joyfully_197531-22448.jpg",
|
||||
alt: "User 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-smiley-drag-queen-indoors_23-2149556820.jpg",
|
||||
alt: "User 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/sportswoman_23-2148023755.jpg",
|
||||
alt: "User 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-laughing-young-relaxed-man-sitting-outdoors-vintage-circular-stairs_158595-3655.jpg",
|
||||
alt: "User 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/friends-reading-cell-phone-messages-front-view_23-2150104868.jpg",
|
||||
alt: "User 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/attractive-young-caucasian-athletic-sporty-woman-sitting-leaning-concrete-wall-laughing-joyfully_197531-22448.jpg", alt: "User 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/side-view-smiley-drag-queen-indoors_23-2149556820.jpg", alt: "User 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/sportswoman_23-2148023755.jpg", alt: "User 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-laughing-young-relaxed-man-sitting-outdoors-vintage-circular-stairs_158595-3655.jpg", alt: "User 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/friends-reading-cell-phone-messages-front-view_23-2150104868.jpg", alt: "User 5" },
|
||||
]}
|
||||
avatarText="Join 50k+ daily active users"
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Connect",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Laugh Daily",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Share Moments",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Be Yourself",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Join Community",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Get Started", href: "#contact" }]}
|
||||
marqueeItems={[{ type: "text", text: "Connect" }, { type: "text", text: "Laugh Daily" }, { type: "text", text: "Share Moments" }, { type: "text", text: "Be Yourself" }, { type: "text", text: "Join Community" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -120,27 +66,9 @@ export default function LandingPage() {
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Memes & Laughter",
|
||||
description: "Share your best memes and discover trending humor daily.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/phone-mock-up-blue-background_23-2148317140.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/phone-icon-front-side-with-white-background_187299-39933.jpg",
|
||||
buttonText: "Explore",
|
||||
},
|
||||
{
|
||||
title: "Daily Moments",
|
||||
description: "Post your day and connect with others through authentic updates.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-friends-planning-trip-home_23-2149048038.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/army-officer-examines-reconnaissance-system-world-map_482257-90133.jpg",
|
||||
buttonText: "Post",
|
||||
},
|
||||
{
|
||||
title: "Confessions",
|
||||
description: "A safe space to share your thoughts and honest stories.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/set-vintage-speech-bubbles-gray-background_23-2147910224.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/work-remember-devices-announce-offline-update_1421-369.jpg",
|
||||
buttonText: "Share",
|
||||
},
|
||||
{ title: "Memes & Laughter", description: "Share your best memes and discover trending humor daily.", imageSrc: "http://img.b2bpic.net/free-photo/phone-mock-up-blue-background_23-2148317140.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/phone-icon-front-side-with-white-background_187299-39933.jpg", buttonText: "Explore" },
|
||||
{ title: "Daily Moments", description: "Post your day and connect with others through authentic updates.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-friends-planning-trip-home_23-2149048038.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/army-officer-examines-reconnaissance-system-world-map_482257-90133.jpg", buttonText: "Post" },
|
||||
{ title: "Confessions", description: "A safe space to share your thoughts and honest stories.", imageSrc: "http://img.b2bpic.net/free-photo/set-vintage-speech-bubbles-gray-background_23-2147910224.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/work-remember-devices-announce-offline-update_1421-369.jpg", buttonText: "Share" }
|
||||
]}
|
||||
title="Why You'll Love Sohix"
|
||||
description="Designed for interaction, creativity, and real connections."
|
||||
@@ -153,20 +81,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Built for Connection"
|
||||
description="Sohix brings the simplicity of community together with the engagement of social media. We created a space where you can express yourself freely and discover trending content from people around the globe."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Interactive Community",
|
||||
description: "React and comment to build real social ties.",
|
||||
},
|
||||
{
|
||||
title: "Authentic Content",
|
||||
description: "Share real daily moments, not just curated feeds.",
|
||||
},
|
||||
{
|
||||
title: "Safe & Comfortable",
|
||||
description: "A relaxed environment designed to encourage freedom of expression.",
|
||||
},
|
||||
]}
|
||||
bulletPoints={[{ title: "Interactive Community", description: "React and comment to build real social ties." }, { title: "Authentic Content", description: "Share real daily moments, not just curated feeds." }, { title: "Safe & Comfortable", description: "A relaxed environment designed to encourage freedom of expression." }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/flirty-blond-girl-with-blue-eyes-bright-pink-lips-sitting-coffee-shop-chair-drinking-coffee_197531-87.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -178,62 +93,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Profile",
|
||||
name: "Digital Token",
|
||||
price: "$4.99",
|
||||
rating: 5,
|
||||
reviewCount: "1.2k",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-plastic-object-isolated-white-background_187299-46888.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Achievement",
|
||||
name: "Community Badge",
|
||||
price: "$9.99",
|
||||
rating: 5,
|
||||
reviewCount: "890",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/gradient-patented-label-collection_23-2149724656.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Premium",
|
||||
name: "Membership",
|
||||
price: "$19.99",
|
||||
rating: 4,
|
||||
reviewCount: "2.4k",
|
||||
imageSrc: "http://img.b2bpic.net/free-psd/gold-circle-bookmark-icon-dark-background-elegant-design_84443-56136.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Events",
|
||||
name: "Event Access",
|
||||
price: "$12.99",
|
||||
rating: 5,
|
||||
reviewCount: "540",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/asian-food-restaurant-logo-template_23-2148593860.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Gifting",
|
||||
name: "Digital Gift",
|
||||
price: "$2.99",
|
||||
rating: 5,
|
||||
reviewCount: "3.1k",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gift-box-design_1156-863.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Customization",
|
||||
name: "Profile Frame",
|
||||
price: "$6.99",
|
||||
rating: 4,
|
||||
reviewCount: "670",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-paper-background-concept_23-2148812682.jpg",
|
||||
},
|
||||
]}
|
||||
products={[{ id: "p1", brand: "Profile", name: "Digital Token", price: "$4.99", rating: 5, reviewCount: "1.2k", imageSrc: "http://img.b2bpic.net/free-photo/white-plastic-object-isolated-white-background_187299-46888.jpg" }, { id: "p2", brand: "Achievement", name: "Community Badge", price: "$9.99", rating: 5, reviewCount: "890", imageSrc: "http://img.b2bpic.net/free-vector/gradient-patented-label-collection_23-2149724656.jpg" }, { id: "p3", brand: "Premium", name: "Membership", price: "$19.99", rating: 4, reviewCount: "2.4k", imageSrc: "http://img.b2bpic.net/free-psd/gold-circle-bookmark-icon-dark-background-elegant-design_84443-56136.jpg" }, { id: "p4", brand: "Events", name: "Event Access", price: "$12.99", rating: 5, reviewCount: "540", imageSrc: "http://img.b2bpic.net/free-vector/asian-food-restaurant-logo-template_23-2148593860.jpg" }, { id: "p5", brand: "Gifting", name: "Digital Gift", price: "$2.99", rating: 5, reviewCount: "3.1k", imageSrc: "http://img.b2bpic.net/free-photo/gift-box-design_1156-863.jpg" }, { id: "p6", brand: "Customization", name: "Profile Frame", price: "$6.99", rating: 4, reviewCount: "670", imageSrc: "http://img.b2bpic.net/free-photo/abstract-paper-background-concept_23-2148812682.jpg" }]}
|
||||
title="Unlock Your Sohix Experience"
|
||||
description="Elevate your profile and stand out in the community."
|
||||
/>
|
||||
@@ -244,29 +104,7 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "50k+",
|
||||
title: "Active Users",
|
||||
description: "Connecting every day.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-perfume-bottle_23-2149234324.jpg",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "1M+",
|
||||
title: "Daily Posts",
|
||||
description: "Laughter shared globally.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-trophy-cup-isolated-color-background_460848-8337.jpg",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "200+",
|
||||
title: "Countries",
|
||||
description: "Community knows no borders.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/red-arrows-indicators_23-2148488377.jpg",
|
||||
},
|
||||
]}
|
||||
metrics={[{ id: "m1", value: "50k+", title: "Active Users", description: "Connecting every day.", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-perfume-bottle_23-2149234324.jpg" }, { id: "m2", value: "1M+", title: "Daily Posts", description: "Laughter shared globally.", imageSrc: "http://img.b2bpic.net/free-photo/3d-render-trophy-cup-isolated-color-background_460848-8337.jpg" }, { id: "m3", value: "200+", title: "Countries", description: "Community knows no borders.", imageSrc: "http://img.b2bpic.net/free-photo/red-arrows-indicators_23-2148488377.jpg" }]}
|
||||
title="Sohix by the Numbers"
|
||||
description="Growing faster than ever, join the movement."
|
||||
/>
|
||||
@@ -277,48 +115,7 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah J.",
|
||||
handle: "@sarah_j",
|
||||
testimonial: "I love sharing my daily memes on Sohix! It's so addictive and funny.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12690.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Michael C.",
|
||||
handle: "@michealc",
|
||||
testimonial: "The best place for honest thoughts and funny stories. Highly recommended.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-brunette-girl-black-hat-smiling_176420-8505.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily R.",
|
||||
handle: "@emilyr",
|
||||
testimonial: "Sohix is like a breath of fresh air. So engaging and interactive.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-handsome-young-man-sitting-armchair-against-grey-wall_23-2148130370.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David K.",
|
||||
handle: "@davidk",
|
||||
testimonial: "Finally, a platform that feels truly communal and fun to use daily.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-blonde-girl-writing-clipboard_23-2148348976.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Jessica L.",
|
||||
handle: "@jessical",
|
||||
testimonial: "I've made so many great friends here. It's a wonderful community.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-content-pretty-businesswoman-glasses_1262-1740.jpg",
|
||||
},
|
||||
]}
|
||||
testimonials={[{ id: "t1", name: "Sarah J.", handle: "@sarah_j", testimonial: "I love sharing my daily memes on Sohix! It's so addictive and funny.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12690.jpg" }, { id: "t2", name: "Michael C.", handle: "@michealc", testimonial: "The best place for honest thoughts and funny stories. Highly recommended.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-brunette-girl-black-hat-smiling_176420-8505.jpg" }, { id: "t3", name: "Emily R.", handle: "@emilyr", testimonial: "Sohix is like a breath of fresh air. So engaging and interactive.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-handsome-young-man-sitting-armchair-against-grey-wall_23-2148130370.jpg" }, { id: "t4", name: "David K.", handle: "@davidk", testimonial: "Finally, a platform that feels truly communal and fun to use daily.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-blonde-girl-writing-clipboard_23-2148348976.jpg" }, { id: "t5", name: "Jessica L.", handle: "@jessical", testimonial: "I've made so many great friends here. It's a wonderful community.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/closeup-content-pretty-businesswoman-glasses_1262-1740.jpg" }]}
|
||||
showRating={true}
|
||||
title="Loved by the Community"
|
||||
description="Hear what our amazing Sohix users have to say."
|
||||
@@ -329,33 +126,7 @@ export default function LandingPage() {
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Is Sohix free to join?",
|
||||
content: "Yes, Sohix is free to download and join for everyone.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Can I post anonymous stories?",
|
||||
content: "Absolutely! We offer anonymous confessions in a safe, moderated space.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "How do I report content?",
|
||||
content: "We have easy reporting tools on every post to keep the community safe.",
|
||||
},
|
||||
{
|
||||
id: "f4",
|
||||
title: "Is there a premium version?",
|
||||
content: "Yes, we offer premium memberships for profile customization and extra perks.",
|
||||
},
|
||||
{
|
||||
id: "f5",
|
||||
title: "What kind of content can I share?",
|
||||
content: "Everything from memes, daily thoughts, funny stories, and more.",
|
||||
},
|
||||
]}
|
||||
faqs={[{ id: "f1", title: "Is Sohix free to join?", content: "Yes, Sohix is free to download and join for everyone." }, { id: "f2", title: "Can I post anonymous stories?", content: "Absolutely! We offer anonymous confessions in a safe, moderated space." }, { id: "f3", title: "How do I report content?", content: "We have easy reporting tools on every post to keep the community safe." }, { id: "f4", title: "Is there a premium version?", content: "Yes, we offer premium memberships for profile customization and extra perks." }, { id: "f5", title: "What kind of content can I share?", content: "Everything from memes, daily thoughts, funny stories, and more." }]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Have questions? We've got answers."
|
||||
faqsAnimation="slide-up"
|
||||
@@ -365,9 +136,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Stay Updated"
|
||||
title="Join Sohix Today"
|
||||
description="Ready to be part of the community? Sign up and get started sharing your world."
|
||||
@@ -380,58 +149,10 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Sohix"
|
||||
columns={[
|
||||
{
|
||||
title: "Platform",
|
||||
items: [
|
||||
{
|
||||
label: "Community",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Memes",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Features",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Safety",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
columns={[{ title: "Platform", items: [{ label: "Community", href: "#" }, { label: "Memes", href: "#" }, { label: "Features", href: "#" }] }, { title: "Support", items: [{ label: "FAQ", href: "#" }, { label: "Safety", href: "#" }, { label: "Contact", href: "#" }] }, { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms", href: "#" }] }]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user