Compare commits
2 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| d74407b41f | |||
| c32fc2ab80 |
182
src/app/page.tsx
182
src/app/page.tsx
@@ -32,17 +32,11 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Features",
|
||||
id: "#features",
|
||||
},
|
||||
name: "Features", id: "#features"},
|
||||
{
|
||||
name: "Analytics",
|
||||
id: "#metrics",
|
||||
},
|
||||
name: "Analytics", id: "#metrics"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "#testimonials"},
|
||||
]}
|
||||
brandName="Insta Insight"
|
||||
/>
|
||||
@@ -51,41 +45,27 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Analyze Every Insight"
|
||||
description="Unlock deep analytics for any Instagram account. Simply enter the username and get instant performance reports."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Analyzing Now", href: "#contact"
|
||||
}
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mock-up-animation-financial-stock-market-data-software-with-different-diagrams-graphs_482257-26904.jpg?_wi=1",
|
||||
imageAlt: "Dashboard Preview",
|
||||
},
|
||||
id: "1", imageSrc: "http://img.b2bpic.net/free-photo/mock-up-animation-financial-stock-market-data-software-with-different-diagrams-graphs_482257-26904.jpg?_wi=1", imageAlt: "Dashboard Preview"},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/face-recognition-personal-identification-collage_23-2150165579.jpg?_wi=1",
|
||||
imageAlt: "Metric Dashboard",
|
||||
},
|
||||
id: "2", imageSrc: "http://img.b2bpic.net/free-photo/face-recognition-personal-identification-collage_23-2150165579.jpg?_wi=1", imageAlt: "Metric Dashboard"},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169844.jpg",
|
||||
imageAlt: "Growth Tracker",
|
||||
},
|
||||
id: "3", imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169844.jpg", imageAlt: "Growth Tracker"},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-books-versus-technology_23-2150063076.jpg",
|
||||
imageAlt: "Audience Insight",
|
||||
},
|
||||
id: "4", imageSrc: "http://img.b2bpic.net/free-photo/still-life-books-versus-technology_23-2150063076.jpg", imageAlt: "Audience Insight"},
|
||||
{
|
||||
id: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/desktop-pc-wooden-desk-showcases-infographics-client-reach-data_482257-126353.jpg",
|
||||
imageAlt: "Competitor Analysis",
|
||||
},
|
||||
id: "5", imageSrc: "http://img.b2bpic.net/free-photo/desktop-pc-wooden-desk-showcases-infographics-client-reach-data_482257-126353.jpg", imageAlt: "Competitor Analysis"},
|
||||
{
|
||||
id: "6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-laptop-running-data-insights-empty-dark-office-late-night_482257-130090.jpg",
|
||||
imageAlt: "Engagement Metrics",
|
||||
},
|
||||
id: "6", imageSrc: "http://img.b2bpic.net/free-photo/close-up-laptop-running-data-insights-empty-dark-office-late-night_482257-130090.jpg", imageAlt: "Engagement Metrics"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -97,26 +77,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Instant Analysis",
|
||||
subtitle: "Get data in seconds.",
|
||||
category: "Performance",
|
||||
value: "99%",
|
||||
},
|
||||
id: "f1", title: "Instant Analysis", subtitle: "Get data in seconds.", category: "Performance", value: "99%"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Growth Tracking",
|
||||
subtitle: "Watch your followers climb.",
|
||||
category: "Growth",
|
||||
value: "Active",
|
||||
},
|
||||
id: "f2", title: "Growth Tracking", subtitle: "Watch your followers climb.", category: "Growth", value: "Active"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Privacy First",
|
||||
subtitle: "Your data remains safe.",
|
||||
category: "Security",
|
||||
value: "100%",
|
||||
},
|
||||
id: "f3", title: "Privacy First", subtitle: "Your data remains safe.", category: "Security", value: "100%"},
|
||||
]}
|
||||
title="Key Capabilities"
|
||||
description="Everything you need to track growth."
|
||||
@@ -130,20 +95,11 @@ export default function LandingPage() {
|
||||
tag="Performance Stats"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "500k+",
|
||||
description: "Profiles Analyzed",
|
||||
},
|
||||
id: "m1", value: "500k+", description: "Profiles Analyzed"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "12M+",
|
||||
description: "Insights Generated",
|
||||
},
|
||||
id: "m2", value: "12M+", description: "Insights Generated"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "99.9%",
|
||||
description: "System Uptime",
|
||||
},
|
||||
id: "m3", value: "99.9%", description: "System Uptime"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -155,60 +111,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alex P.",
|
||||
date: "Jan 2025",
|
||||
title: "Creator",
|
||||
quote: "Incredible accuracy.",
|
||||
tag: "Influencer",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/woman-portrait-with-blue-lights-visual-effects_23-2149419524.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mock-up-animation-financial-stock-market-data-software-with-different-diagrams-graphs_482257-26904.jpg?_wi=2",
|
||||
imageAlt: "portrait professional person",
|
||||
},
|
||||
id: "1", name: "Alex P.", date: "Jan 2025", title: "Creator", quote: "Incredible accuracy.", tag: "Influencer", avatarSrc: "http://img.b2bpic.net/free-photo/woman-portrait-with-blue-lights-visual-effects_23-2149419524.jpg", imageSrc: "http://img.b2bpic.net/free-photo/mock-up-animation-financial-stock-market-data-software-with-different-diagrams-graphs_482257-26904.jpg?_wi=2", imageAlt: "portrait professional person"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sarah K.",
|
||||
date: "Feb 2025",
|
||||
title: "Marketing Manager",
|
||||
quote: "Helped my reach massively.",
|
||||
tag: "Brand",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-latin-man-holding-notebook_23-2151139467.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glowing-computer-monitor-displays-vibrant-futuristic-patterns-generated-by-ai_188544-27240.jpg?_wi=1",
|
||||
imageAlt: "portrait professional person",
|
||||
},
|
||||
id: "2", name: "Sarah K.", date: "Feb 2025", title: "Marketing Manager", quote: "Helped my reach massively.", tag: "Brand", avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-latin-man-holding-notebook_23-2151139467.jpg", imageSrc: "http://img.b2bpic.net/free-photo/glowing-computer-monitor-displays-vibrant-futuristic-patterns-generated-by-ai_188544-27240.jpg?_wi=1", imageAlt: "portrait professional person"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Mark D.",
|
||||
date: "Mar 2025",
|
||||
title: "Photographer",
|
||||
quote: "Simple and fast.",
|
||||
tag: "User",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/african-american-person-texting-messages-smartphone-app-sofa-finishing-tasks-before_482257-132374.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/laptop-tablet-phone-along-with-graphics_1232-1070.jpg",
|
||||
imageAlt: "portrait professional person",
|
||||
},
|
||||
id: "3", name: "Mark D.", date: "Mar 2025", title: "Photographer", quote: "Simple and fast.", tag: "User", avatarSrc: "http://img.b2bpic.net/free-photo/african-american-person-texting-messages-smartphone-app-sofa-finishing-tasks-before_482257-132374.jpg", imageSrc: "http://img.b2bpic.net/laptop-tablet-phone-along-with-graphics_1232-1070.jpg", imageAlt: "portrait professional person"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Emily R.",
|
||||
date: "Mar 2025",
|
||||
title: "Agency Owner",
|
||||
quote: "Best tool on the market.",
|
||||
tag: "Pro",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-confident-businesswoman-suit-cross-arms-chest-looking-like-real-professional-smili_1258-122403.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/paper-craft-art-keys_53876-75084.jpg",
|
||||
imageAlt: "portrait professional person",
|
||||
},
|
||||
id: "4", name: "Emily R.", date: "Mar 2025", title: "Agency Owner", quote: "Best tool on the market.", tag: "Pro", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-confident-businesswoman-suit-cross-arms-chest-looking-like-real-professional-smili_1258-122403.jpg", imageSrc: "http://img.b2bpic.net/free-photo/paper-craft-art-keys_53876-75084.jpg", imageAlt: "portrait professional person"},
|
||||
{
|
||||
id: "5",
|
||||
name: "John B.",
|
||||
date: "Apr 2025",
|
||||
title: "Influencer",
|
||||
quote: "Love the data clarity.",
|
||||
tag: "Influencer",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/smiling-redhead-man-with-laptop-looking-camera-cafe_1163-5162.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/face-recognition-personal-identification-collage_23-2150165579.jpg?_wi=2",
|
||||
imageAlt: "portrait professional person",
|
||||
},
|
||||
id: "5", name: "John B.", date: "Apr 2025", title: "Influencer", quote: "Love the data clarity.", tag: "Influencer", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-redhead-man-with-laptop-looking-camera-cafe_1163-5162.jpg", imageSrc: "http://img.b2bpic.net/free-photo/face-recognition-personal-identification-collage_23-2150165579.jpg?_wi=2", imageAlt: "portrait professional person"},
|
||||
]}
|
||||
title="Trusted by Creators"
|
||||
description="What our users are saying about our insights."
|
||||
@@ -220,14 +131,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"TechCorp",
|
||||
"GrowthMedia",
|
||||
"SocialHub",
|
||||
"PixelPerfect",
|
||||
"CreatorBase",
|
||||
"InfluencerInc",
|
||||
"MetricLab",
|
||||
]}
|
||||
"TechCorp", "GrowthMedia", "SocialHub", "PixelPerfect", "CreatorBase", "InfluencerInc", "MetricLab"]}
|
||||
title="Used By Industry Leaders"
|
||||
description="Trusted by professionals worldwide."
|
||||
/>
|
||||
@@ -241,17 +145,11 @@ export default function LandingPage() {
|
||||
description="We believe data empowers creators. Our engine is designed for clarity, speed, and actionable insights to help you grow your brand effectively."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Fast",
|
||||
description: "Near-instant calculations.",
|
||||
},
|
||||
title: "Fast", description: "Near-instant calculations."},
|
||||
{
|
||||
title: "Accurate",
|
||||
description: "Data-backed results.",
|
||||
},
|
||||
title: "Accurate", description: "Data-backed results."},
|
||||
{
|
||||
title: "Accessible",
|
||||
description: "Free for anyone.",
|
||||
},
|
||||
title: "Accessible", description: "Free for anyone."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/glowing-computer-monitor-displays-vibrant-futuristic-patterns-generated-by-ai_188544-27240.jpg?_wi=2"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -263,20 +161,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Is it free?",
|
||||
content: "Yes, basic analysis is free.",
|
||||
},
|
||||
id: "q1", title: "Is it free?", content: "Yes, basic analysis is free."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Is it safe?",
|
||||
content: "We never store passwords.",
|
||||
},
|
||||
id: "q2", title: "Is it safe?", content: "We never store passwords."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Does it track growth?",
|
||||
content: "Yes, tracking is included.",
|
||||
},
|
||||
id: "q3", title: "Does it track growth?", content: "Yes, tracking is included."},
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
sideDescription="Need more help?"
|
||||
@@ -288,8 +177,7 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
text="Ready to get started? Our support team is here to assist with any technical questions you may have."
|
||||
/>
|
||||
</div>
|
||||
@@ -303,4 +191,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user