Merge version_1 into main #2
192
src/app/page.tsx
192
src/app/page.tsx
@@ -2,6 +2,7 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import { Zap, Shield, Globe } from 'lucide-react';
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
@@ -31,70 +32,41 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
]}
|
||||
brandName="Social Connect"
|
||||
button={{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Get Started", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
variant: "rotated-rays-animated"}}
|
||||
title="Connect Everywhere, Even Offline."
|
||||
description="Social Connect keeps you chatting with friends and family anytime, anywhere. Experience seamless messaging with cool animations and a secure, modern interface."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Messaging",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Start Messaging", href: "#contact"},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "slide1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/phone-with-ai-chat_1268-21801.jpg?_wi=1",
|
||||
imageAlt: "Chat UI",
|
||||
},
|
||||
id: "slide1", imageSrc: "http://img.b2bpic.net/free-photo/phone-with-ai-chat_1268-21801.jpg", imageAlt: "Chat UI"},
|
||||
{
|
||||
id: "slide2",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/dating-app-chat-interface_23-2148524231.jpg",
|
||||
imageAlt: "Chat UI",
|
||||
},
|
||||
id: "slide2", imageSrc: "http://img.b2bpic.net/free-vector/dating-app-chat-interface_23-2148524231.jpg", imageAlt: "Chat UI"},
|
||||
{
|
||||
id: "slide3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/realistic-phone-studio-social-media-concept_23-2151459569.jpg",
|
||||
imageAlt: "Chat UI",
|
||||
},
|
||||
id: "slide3", imageSrc: "http://img.b2bpic.net/free-photo/realistic-phone-studio-social-media-concept_23-2151459569.jpg", imageAlt: "Chat UI"},
|
||||
{
|
||||
id: "slide4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-inside-car-looking-sat-nav_23-2148006469.jpg",
|
||||
imageAlt: "Chat UI",
|
||||
},
|
||||
id: "slide4", imageSrc: "http://img.b2bpic.net/free-photo/friends-inside-car-looking-sat-nav_23-2148006469.jpg", imageAlt: "Chat UI"},
|
||||
{
|
||||
id: "slide5",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/dating-app-chat-interface_23-2148537890.jpg",
|
||||
imageAlt: "Chat UI",
|
||||
},
|
||||
id: "slide5", imageSrc: "http://img.b2bpic.net/free-vector/dating-app-chat-interface_23-2148537890.jpg", imageAlt: "Chat UI"},
|
||||
{
|
||||
id: "slide6",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/goals-habits-tracking-application-template_23-2148676844.jpg",
|
||||
imageAlt: "Chat UI",
|
||||
},
|
||||
id: "slide6", imageSrc: "http://img.b2bpic.net/free-vector/goals-habits-tracking-application-template_23-2148676844.jpg", imageAlt: "Chat UI"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -104,14 +76,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Built for Connection",
|
||||
},
|
||||
type: "text", content: "Built for Connection"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/network-concept-with-yellow-squares-top-view_23-2148999200.jpg",
|
||||
alt: "Connectivity",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/network-concept-with-yellow-squares-top-view_23-2148999200.jpg", alt: "Connectivity"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -123,40 +90,22 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Offline Messaging",
|
||||
description: "Send texts even without an active internet connection.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169856.jpg",
|
||||
},
|
||||
title: "Offline Messaging", description: "Send texts even without an active internet connection.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169856.jpg"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/world-mental-health-day-awareness-illustration_23-2151859110.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/phone-with-ai-chat_1268-21801.jpg?_wi=2",
|
||||
imageAlt: "smartphone ui design",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/world-mental-health-day-awareness-illustration_23-2151859110.jpg"},
|
||||
},
|
||||
{
|
||||
title: "Instant Signup",
|
||||
description: "Get started in seconds with simple registration.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-retro-comic-empty-speech-bubbles_23-2147910081.jpg",
|
||||
},
|
||||
title: "Instant Signup", description: "Get started in seconds with simple registration.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-retro-comic-empty-speech-bubbles_23-2147910081.jpg"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-digital-tablet-with-search-job-screen-yellow-background_169016-39375.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/network-concept-with-yellow-squares-top-view_23-2148999200.jpg",
|
||||
imageAlt: "smartphone ui design",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-digital-tablet-with-search-job-screen-yellow-background_169016-39375.jpg"},
|
||||
},
|
||||
{
|
||||
title: "Fluid UI Animations",
|
||||
description: "Enjoy a beautiful, responsive experience.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/returning-item-online_23-2151952966.jpg",
|
||||
},
|
||||
title: "Fluid UI Animations", description: "Enjoy a beautiful, responsive experience.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/returning-item-online_23-2151952966.jpg"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cyberpunk-scene-futuristic-night-city-with-character-technology_23-2151999279.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-thermometer-show-hot-cold-temperature_107791-17373.jpg",
|
||||
imageAlt: "smartphone ui design",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cyberpunk-scene-futuristic-night-city-with-character-technology_23-2151999279.jpg"},
|
||||
},
|
||||
]}
|
||||
showStepNumbers={true}
|
||||
@@ -172,34 +121,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
tag: "Free",
|
||||
price: "$0",
|
||||
period: "/mo",
|
||||
description: "Core messaging features.",
|
||||
button: {
|
||||
text: "Sign Up",
|
||||
},
|
||||
featuresTitle: "Included",
|
||||
features: [
|
||||
"Messaging",
|
||||
"Offline Support",
|
||||
],
|
||||
id: "basic", tag: "Free", price: "$0", period: "/mo", description: "Core messaging features.", button: {
|
||||
text: "Sign Up"},
|
||||
featuresTitle: "Included", features: [
|
||||
"Messaging", "Offline Support"],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
tag: "Pro",
|
||||
price: "$9",
|
||||
period: "/mo",
|
||||
description: "Advanced features for power users.",
|
||||
button: {
|
||||
text: "Subscribe",
|
||||
},
|
||||
featuresTitle: "Included",
|
||||
features: [
|
||||
"Everything in Basic",
|
||||
"Cloud Sync",
|
||||
],
|
||||
id: "pro", tag: "Pro", price: "$9", period: "/mo", description: "Advanced features for power users.", button: {
|
||||
text: "Subscribe"},
|
||||
featuresTitle: "Included", features: [
|
||||
"Everything in Basic", "Cloud Sync"],
|
||||
},
|
||||
]}
|
||||
title="Simple Plans"
|
||||
@@ -214,20 +145,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
title: "Active Users",
|
||||
value: "1M+",
|
||||
},
|
||||
id: "m1", icon: Globe,
|
||||
title: "Active Users", value: "1M+"},
|
||||
{
|
||||
id: "m2",
|
||||
title: "Messages Sent",
|
||||
value: "500M+",
|
||||
},
|
||||
id: "m2", icon: Zap,
|
||||
title: "Messages Sent", value: "500M+"},
|
||||
{
|
||||
id: "m3",
|
||||
title: "Uptime",
|
||||
value: "99.9%",
|
||||
},
|
||||
id: "m3", icon: Shield,
|
||||
title: "Uptime", value: "99.9%"},
|
||||
]}
|
||||
title="Global Reach"
|
||||
description="Join our growing community."
|
||||
@@ -241,40 +166,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "John Doe",
|
||||
handle: "@johndoe",
|
||||
testimonial: "Social Connect changed how I chat!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/satisfied-adult-man-smiling-using-digital-tablet-showing-okay-sign-approve-agree-standing-ag_1258-160475.jpg",
|
||||
},
|
||||
id: "1", name: "John Doe", handle: "@johndoe", testimonial: "Social Connect changed how I chat!", imageSrc: "http://img.b2bpic.net/free-photo/satisfied-adult-man-smiling-using-digital-tablet-showing-okay-sign-approve-agree-standing-ag_1258-160475.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Jane Smith",
|
||||
handle: "@janesmith",
|
||||
testimonial: "The offline feature is a game changer.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-brown-suit-wearing-glasses-looking-with-smile-happy-face_141793-111811.jpg",
|
||||
},
|
||||
id: "2", name: "Jane Smith", handle: "@janesmith", testimonial: "The offline feature is a game changer.", imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-brown-suit-wearing-glasses-looking-with-smile-happy-face_141793-111811.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Mike Brown",
|
||||
handle: "@mikeb",
|
||||
testimonial: "I love the clean interface.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-young-man-with-arms-crossed-holding-white-headphone-around-his-neck_23-2148096439.jpg",
|
||||
},
|
||||
id: "3", name: "Mike Brown", handle: "@mikeb", testimonial: "I love the clean interface.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-young-man-with-arms-crossed-holding-white-headphone-around-his-neck_23-2148096439.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Sarah Miller",
|
||||
handle: "@sarahm",
|
||||
testimonial: "So fast and reliable.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-having-video-call_53876-96883.jpg",
|
||||
},
|
||||
id: "4", name: "Sarah Miller", handle: "@sarahm", testimonial: "So fast and reliable.", imageSrc: "http://img.b2bpic.net/free-photo/woman-having-video-call_53876-96883.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "David Wilson",
|
||||
handle: "@davidw",
|
||||
testimonial: "Best messaging app ever.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-optimistic-businessman-formalwear_1262-3600.jpg",
|
||||
},
|
||||
id: "5", name: "David Wilson", handle: "@davidw", testimonial: "Best messaging app ever.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-optimistic-businessman-formalwear_1262-3600.jpg"},
|
||||
]}
|
||||
title="Loved by Users"
|
||||
description="Hear what our users have to say."
|
||||
@@ -285,15 +185,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
tag="Join Now"
|
||||
title="Ready to chat?"
|
||||
description="Sign up and join Social Connect today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
},
|
||||
text: "Get Started"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user