Update src/app/page.tsx
This commit is contained in:
248
src/app/page.tsx
248
src/app/page.tsx
@@ -33,71 +33,46 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Gallery",
|
||||
id: "gallery",
|
||||
},
|
||||
name: "Gallery", id: "gallery"},
|
||||
{
|
||||
name: "Community",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Community", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="InstaHub"
|
||||
button={{
|
||||
text: "Join Now",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Join Now", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Unleash Your Creative Potential"
|
||||
description="The ultimate platform designed to elevate your visual storytelling, grow your audience, and transform your digital presence."
|
||||
tag="Next-Gen Platform"
|
||||
tagAnimation="slide-up"
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Started", href: "#contact"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169842.jpg?_wi=1",
|
||||
imageAlt: "Social media interface showcase",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169842.jpg", imageAlt: "Social media interface showcase"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-blogger-records-video-herself-while-doing-hairstyle-showing-makeup-lifehacks-social_1258-281810.jpg?_wi=1",
|
||||
imageAlt: "Creator content lifestyle",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-blogger-records-video-herself-while-doing-hairstyle-showing-makeup-lifehacks-social_1258-281810.jpg", imageAlt: "Creator content lifestyle"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lady-red-posing-studio_651396-1333.jpg?_wi=1",
|
||||
imageAlt: "Camera lens artistic capture",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lady-red-posing-studio_651396-1333.jpg", imageAlt: "Camera lens artistic capture"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technology-network-background-connection-cyber-space-ai-generative_123827-24187.jpg?_wi=1",
|
||||
imageAlt: "Geometric network visualization",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technology-network-background-connection-cyber-space-ai-generative_123827-24187.jpg", imageAlt: "Geometric network visualization"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-beauty-vlogger-filming-vlog-about-creams_1303-18369.jpg?_wi=1",
|
||||
imageAlt: "Influencer home studio setup",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-beauty-vlogger-filming-vlog-about-creams_1303-18369.jpg", imageAlt: "Influencer home studio setup"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/variety-people-multitasking-3d-cartoon-scene_23-2151294507.jpg",
|
||||
imageAlt: "Digital data stream communication",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/variety-people-multitasking-3d-cartoon-scene_23-2151294507.jpg", imageAlt: "Digital data stream communication"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -110,17 +85,11 @@ export default function LandingPage() {
|
||||
description="We believe in the power of visual storytelling to bridge the gap between content creators and their global audiences. Our platform provides intuitive, high-performance tools that empower you to express, inspire, and grow."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Creative Control",
|
||||
description: "Precision tools for visual excellence.",
|
||||
},
|
||||
title: "Creative Control", description: "Precision tools for visual excellence."},
|
||||
{
|
||||
title: "Global Reach",
|
||||
description: "Amplify your voice worldwide.",
|
||||
},
|
||||
title: "Global Reach", description: "Amplify your voice worldwide."},
|
||||
{
|
||||
title: "Seamless Growth",
|
||||
description: "Data-driven insights to accelerate.",
|
||||
},
|
||||
title: "Seamless Growth", description: "Data-driven insights to accelerate."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-using-tablet_23-2149370580.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -134,67 +103,43 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Advanced Insights",
|
||||
description: "Real-time engagement analytics to optimize your reach.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-laptop-with-blank-white-screen-isolated-black-background-close-up_169016-62680.jpg",
|
||||
imageAlt: "Analytics dashboard view",
|
||||
},
|
||||
title: "Advanced Insights", description: "Real-time engagement analytics to optimize your reach.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-laptop-with-blank-white-screen-isolated-black-background-close-up_169016-62680.jpg", imageAlt: "Analytics dashboard view"},
|
||||
items: [
|
||||
{
|
||||
icon: BarChart,
|
||||
text: "Real-time monitoring",
|
||||
},
|
||||
text: "Real-time monitoring"},
|
||||
{
|
||||
icon: TrendingUp,
|
||||
text: "Growth forecasting",
|
||||
},
|
||||
text: "Growth forecasting"},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169842.jpg?_wi=2",
|
||||
imageAlt: "real-time mobile data streaming visualization",
|
||||
},
|
||||
{
|
||||
title: "Global Community",
|
||||
description: "Connect with creators from all over the world instantly.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/it-expert-data-center-holding-tablet-replacing-storage-mainframes-components_482257-115420.jpg",
|
||||
imageAlt: "Network nodes communication",
|
||||
},
|
||||
title: "Global Community", description: "Connect with creators from all over the world instantly.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/it-expert-data-center-holding-tablet-replacing-storage-mainframes-components_482257-115420.jpg", imageAlt: "Network nodes communication"},
|
||||
items: [
|
||||
{
|
||||
icon: Globe,
|
||||
text: "Global connectivity",
|
||||
},
|
||||
text: "Global connectivity"},
|
||||
{
|
||||
icon: Users,
|
||||
text: "Community groups",
|
||||
},
|
||||
text: "Community groups"},
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-blogger-records-video-herself-while-doing-hairstyle-showing-makeup-lifehacks-social_1258-281810.jpg?_wi=2",
|
||||
imageAlt: "real-time mobile data streaming visualization",
|
||||
},
|
||||
{
|
||||
title: "Creative Studio",
|
||||
description: "Powerful editing suite for professional visual output.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-editor-color-correcting-photographs-creative-studio-using-graphic-tablet_482257-82258.jpg",
|
||||
imageAlt: "Creative tool editor interface",
|
||||
},
|
||||
title: "Creative Studio", description: "Powerful editing suite for professional visual output.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-editor-color-correcting-photographs-creative-studio-using-graphic-tablet_482257-82258.jpg", imageAlt: "Creative tool editor interface"},
|
||||
items: [
|
||||
{
|
||||
icon: Palette,
|
||||
text: "Custom presets",
|
||||
},
|
||||
text: "Custom presets"},
|
||||
{
|
||||
icon: Scissors,
|
||||
text: "Advanced editing",
|
||||
},
|
||||
text: "Advanced editing"},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lady-red-posing-studio_651396-1333.jpg?_wi=2",
|
||||
imageAlt: "real-time mobile data streaming visualization",
|
||||
},
|
||||
]}
|
||||
title="Features Designed for Creators"
|
||||
@@ -210,41 +155,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Studio Pass",
|
||||
price: "$19/mo",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/digital-signature-concept-vector-cartoon-illustration-approved-stamp-hands-contractor-online-electronic-contract-documents-mobile-phone_1150-58760.jpg",
|
||||
},
|
||||
id: "p1", name: "Studio Pass", price: "$19/mo", imageSrc: "http://img.b2bpic.net/free-vector/digital-signature-concept-vector-cartoon-illustration-approved-stamp-hands-contractor-online-electronic-contract-documents-mobile-phone_1150-58760.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Growth Pro",
|
||||
price: "$49/mo",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/design-creative-visual-trendy-ideas-style-purpose_53876-16492.jpg",
|
||||
},
|
||||
id: "p2", name: "Growth Pro", price: "$49/mo", imageSrc: "http://img.b2bpic.net/free-photo/design-creative-visual-trendy-ideas-style-purpose_53876-16492.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Visual Assets",
|
||||
price: "$29",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-low-poly-plexus-design-shallow-depth-field-modern-communication_1048-12682.jpg",
|
||||
},
|
||||
id: "p3", name: "Visual Assets", price: "$29", imageSrc: "http://img.b2bpic.net/free-photo/3d-render-low-poly-plexus-design-shallow-depth-field-modern-communication_1048-12682.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Advanced Filters",
|
||||
price: "$9",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-smartphone-with-blank-white-screen-light-surface_9975-133626.jpg",
|
||||
},
|
||||
id: "p4", name: "Advanced Filters", price: "$9", imageSrc: "http://img.b2bpic.net/free-photo/modern-smartphone-with-blank-white-screen-light-surface_9975-133626.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Creator Kit",
|
||||
price: "$99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-boards-mdf-material_23-2149418580.jpg",
|
||||
},
|
||||
id: "p5", name: "Creator Kit", price: "$99", imageSrc: "http://img.b2bpic.net/free-photo/top-view-boards-mdf-material_23-2149418580.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Brand Blueprint",
|
||||
price: "$149",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/paper-craft-art-cogs_53876-90758.jpg",
|
||||
},
|
||||
id: "p6", name: "Brand Blueprint", price: "$149", imageSrc: "http://img.b2bpic.net/free-photo/paper-craft-art-cogs_53876-90758.jpg"},
|
||||
]}
|
||||
title="Creator Toolkits"
|
||||
description="Explore our premium selection of creative tools and service upgrades designed for professional growth."
|
||||
@@ -258,25 +179,13 @@ export default function LandingPage() {
|
||||
tag="Our Impact"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "1.2M",
|
||||
description: "Active Creators",
|
||||
},
|
||||
id: "m1", value: "1.2M", description: "Active Creators"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "500M",
|
||||
description: "Images Shared",
|
||||
},
|
||||
id: "m2", value: "500M", description: "Images Shared"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "99.9%",
|
||||
description: "Uptime Reliability",
|
||||
},
|
||||
id: "m3", value: "99.9%", description: "Uptime Reliability"},
|
||||
{
|
||||
id: "m4",
|
||||
value: "24/7",
|
||||
description: "Support Available",
|
||||
},
|
||||
id: "m4", value: "24/7", description: "Support Available"},
|
||||
]}
|
||||
metricsAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -288,60 +197,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Miller",
|
||||
date: "Jan 2024",
|
||||
title: "Influencer",
|
||||
quote: "The most powerful creative toolkit I've found to date.",
|
||||
tag: "Pro",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/blond-businessman-happy-expression_1194-3673.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169842.jpg?_wi=3",
|
||||
imageAlt: "young creative professional portrait",
|
||||
},
|
||||
id: "t1", name: "Sarah Miller", date: "Jan 2024", title: "Influencer", quote: "The most powerful creative toolkit I've found to date.", tag: "Pro", avatarSrc: "http://img.b2bpic.net/free-photo/blond-businessman-happy-expression_1194-3673.jpg", imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169842.jpg", imageAlt: "young creative professional portrait"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Marcus Chen",
|
||||
date: "Dec 2023",
|
||||
title: "Marketing lead",
|
||||
quote: "My engagement metrics doubled in just two weeks using these tools.",
|
||||
tag: "Elite",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/it-s-good-have-wireless-internet-work_329181-15114.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-blogger-records-video-herself-while-doing-hairstyle-showing-makeup-lifehacks-social_1258-281810.jpg?_wi=3",
|
||||
imageAlt: "young creative professional portrait",
|
||||
},
|
||||
id: "t2", name: "Marcus Chen", date: "Dec 2023", title: "Marketing lead", quote: "My engagement metrics doubled in just two weeks using these tools.", tag: "Elite", avatarSrc: "http://img.b2bpic.net/free-photo/it-s-good-have-wireless-internet-work_329181-15114.jpg", imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-blogger-records-video-herself-while-doing-hairstyle-showing-makeup-lifehacks-social_1258-281810.jpg", imageAlt: "young creative professional portrait"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Elena Rossi",
|
||||
date: "Nov 2023",
|
||||
title: "Creator",
|
||||
quote: "Incredible platform for building a brand that actually resonates.",
|
||||
tag: "Pro",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/front-view-man-developing-photos_23-2149893918.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lady-red-posing-studio_651396-1333.jpg?_wi=3",
|
||||
imageAlt: "young creative professional portrait",
|
||||
},
|
||||
id: "t3", name: "Elena Rossi", date: "Nov 2023", title: "Creator", quote: "Incredible platform for building a brand that actually resonates.", tag: "Pro", avatarSrc: "http://img.b2bpic.net/free-photo/front-view-man-developing-photos_23-2149893918.jpg", imageSrc: "http://img.b2bpic.net/free-photo/lady-red-posing-studio_651396-1333.jpg", imageAlt: "young creative professional portrait"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David Smith",
|
||||
date: "Oct 2023",
|
||||
title: "Manager",
|
||||
quote: "I've never seen such intuitive analytical tools integrated into a social suite.",
|
||||
tag: "Elite",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-businessman-office-2_1262-1488.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technology-network-background-connection-cyber-space-ai-generative_123827-24187.jpg?_wi=2",
|
||||
imageAlt: "young creative professional portrait",
|
||||
},
|
||||
id: "t4", name: "David Smith", date: "Oct 2023", title: "Manager", quote: "I've never seen such intuitive analytical tools integrated into a social suite.", tag: "Elite", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-businessman-office-2_1262-1488.jpg", imageSrc: "http://img.b2bpic.net/free-photo/technology-network-background-connection-cyber-space-ai-generative_123827-24187.jpg", imageAlt: "young creative professional portrait"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Jessica Lee",
|
||||
date: "Sept 2023",
|
||||
title: "Strategy lead",
|
||||
quote: "Seamlessly manages our entire campaign pipeline. Highly recommend.",
|
||||
tag: "Pro",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/closeup-content-pretty-businesswoman-glasses_1262-1740.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-beauty-vlogger-filming-vlog-about-creams_1303-18369.jpg?_wi=2",
|
||||
imageAlt: "young creative professional portrait",
|
||||
},
|
||||
id: "t5", name: "Jessica Lee", date: "Sept 2023", title: "Strategy lead", quote: "Seamlessly manages our entire campaign pipeline. Highly recommend.", tag: "Pro", avatarSrc: "http://img.b2bpic.net/free-photo/closeup-content-pretty-businesswoman-glasses_1262-1740.jpg", imageSrc: "http://img.b2bpic.net/free-photo/woman-beauty-vlogger-filming-vlog-about-creams_1303-18369.jpg", imageAlt: "young creative professional portrait"},
|
||||
]}
|
||||
title="Stories from Our Creators"
|
||||
description="Hear how our community is redefining what's possible in the creative world."
|
||||
@@ -353,20 +217,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How do I get started?",
|
||||
content: "Simply sign up with your email and connect your social accounts to our platform.",
|
||||
},
|
||||
id: "q1", title: "How do I get started?", content: "Simply sign up with your email and connect your social accounts to our platform."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Is it secure?",
|
||||
content: "We prioritize user privacy and use advanced encryption for all account connections.",
|
||||
},
|
||||
id: "q2", title: "Is it secure?", content: "We prioritize user privacy and use advanced encryption for all account connections."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Can I cancel my plan?",
|
||||
content: "Yes, you can cancel your premium membership at any time with no penalties.",
|
||||
},
|
||||
id: "q3", title: "Can I cancel my plan?", content: "Yes, you can cancel your premium membership at any time with no penalties."},
|
||||
]}
|
||||
sideTitle="Frequently Asked Questions"
|
||||
sideDescription="Everything you need to know to get started."
|
||||
@@ -378,8 +233,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
tag="Let's Connect"
|
||||
title="Start Creating Today"
|
||||
description="Join thousands of creators who trust us to amplify their digital voice."
|
||||
@@ -392,13 +246,9 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="InstaHub"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Terms of Service", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user