159 lines
11 KiB
TypeScript
159 lines
11 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
|
import FeatureCardTwentyNine from '@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine';
|
|
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
|
import HeroCentered from '@/components/sections/hero/HeroCentered';
|
|
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
|
import SplitAbout from '@/components/sections/about/SplitAbout';
|
|
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-magnetic"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="soft"
|
|
contentWidth="mediumLarge"
|
|
sizing="mediumLarge"
|
|
background="noise"
|
|
cardStyle="layered-gradient"
|
|
primaryButtonStyle="flat"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
navItems={[
|
|
{ name: "Home", id: "/" },
|
|
{ name: "Profile", id: "/user-profile" },
|
|
{ name: "Features", id: "features" },
|
|
{ name: "Community", id: "metrics" },
|
|
{ name: "FAQ", id: "faq" }
|
|
]}
|
|
brandName="Sohix"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroCentered
|
|
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" },
|
|
]}
|
|
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" }]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTwentyNine
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
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="Why You'll Love Sohix"
|
|
description="Designed for interaction, creativity, and real connections."
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<SplitAbout
|
|
textboxLayout="default"
|
|
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." }]}
|
|
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"
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardTwo
|
|
animationType="slide-up"
|
|
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" }]}
|
|
title="Unlock Your Sohix Experience"
|
|
description="Elevate your profile and stand out in the community."
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardEleven
|
|
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" }]}
|
|
title="Sohix by the Numbers"
|
|
description="Growing faster than ever, join the movement."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardThirteen
|
|
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" }]}
|
|
showRating={true}
|
|
title="Loved by the Community"
|
|
description="Hear what our amazing Sohix users have to say."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<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." }]}
|
|
title="Frequently Asked Questions"
|
|
description="Have questions? We've got answers."
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
useInvertedBackground={true}
|
|
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."
|
|
imageSrc="http://img.b2bpic.net/free-photo/abstract-luxury-gradient-blue-background-smooth-dark-blue-with-black-vignette-studio-banner_1258-102347.jpg"
|
|
mediaAnimation="slide-up"
|
|
buttonText="Sign Up Now"
|
|
/>
|
|
</div>
|
|
|
|
<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: "#" }] }]}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|