Compare commits
1 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 8dadb1e910 |
226
src/app/page.tsx
226
src/app/page.tsx
@@ -31,21 +31,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
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"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="SocioElevate"
|
||||
/>
|
||||
@@ -54,37 +46,24 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Level Up Your Content Game"
|
||||
description="SocioElevate provides the ultimate suite for content creators. Generate viral titles, plan your content, and script your next masterpiece using AI-driven precision."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Elevating",
|
||||
href: "#features",
|
||||
},
|
||||
text: "Start Elevating", href: "#features"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4db9l2",
|
||||
imageAlt: "content creator setup",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4db9l2", imageAlt: "content creator setup"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=17b8ka",
|
||||
imageAlt: "content creator setup",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=17b8ka", imageAlt: "content creator setup"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=u6imqs",
|
||||
imageAlt: "content creator setup",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=u6imqs", imageAlt: "content creator setup"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=becs8e",
|
||||
imageAlt: "content creator setup",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=becs8e", imageAlt: "content creator setup"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=q68zbr",
|
||||
imageAlt: "content creator setup",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=q68zbr", imageAlt: "content creator setup"},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -98,47 +77,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "YouTube Title Generator",
|
||||
description: "Craft click-worthy titles that grab attention.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qzklez",
|
||||
titleImageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=mt1e31",
|
||||
buttonText: "Try Now",
|
||||
},
|
||||
title: "YouTube Title Generator", description: "Craft click-worthy titles that grab attention.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qzklez", titleImageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=mt1e31", buttonText: "Try Now"},
|
||||
{
|
||||
title: "Thumbnail Ideas",
|
||||
description: "AI-generated thumbnail concepts for higher CTR.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4svl47",
|
||||
titleImageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=75axul",
|
||||
buttonText: "Try Now",
|
||||
},
|
||||
title: "Thumbnail Ideas", description: "AI-generated thumbnail concepts for higher CTR.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4svl47", titleImageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=75axul", buttonText: "Try Now"},
|
||||
{
|
||||
title: "Viral Topic Finder",
|
||||
description: "Identify trending topics before they peak.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=mtr03u",
|
||||
titleImageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=87zzrq",
|
||||
buttonText: "Try Now",
|
||||
},
|
||||
title: "Viral Topic Finder", description: "Identify trending topics before they peak.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=mtr03u", titleImageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=87zzrq", buttonText: "Try Now"},
|
||||
{
|
||||
title: "Script AI",
|
||||
description: "Write engaging scripts in minutes.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=y4mnj7",
|
||||
titleImageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0i9ko5",
|
||||
buttonText: "Try Now",
|
||||
},
|
||||
title: "Script AI", description: "Write engaging scripts in minutes.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=y4mnj7", titleImageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0i9ko5", buttonText: "Try Now"},
|
||||
{
|
||||
title: "Content Calendar",
|
||||
description: "Seamless scheduling for consistent growth.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=wn6268",
|
||||
titleImageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=674uix",
|
||||
buttonText: "Try Now",
|
||||
},
|
||||
title: "Content Calendar", description: "Seamless scheduling for consistent growth.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=wn6268", titleImageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=674uix", buttonText: "Try Now"},
|
||||
{
|
||||
title: "Reel Idea Generator",
|
||||
description: "Endless inspiration for short-form video.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=b3e5vw",
|
||||
titleImageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=z5gfov",
|
||||
buttonText: "Try Now",
|
||||
},
|
||||
title: "Reel Idea Generator", description: "Endless inspiration for short-form video.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=b3e5vw", titleImageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=z5gfov", buttonText: "Try Now"},
|
||||
]}
|
||||
title="Everything You Need to Go Viral"
|
||||
description="Powerful AI tools designed for creators, built for speed, and focused on growth."
|
||||
@@ -150,55 +99,25 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
tag="Limited Time Offer"
|
||||
plans={[
|
||||
{
|
||||
id: "starter",
|
||||
tag: "Basic",
|
||||
price: "$19",
|
||||
period: "/mo",
|
||||
description: "Perfect for beginners getting started.",
|
||||
button: {
|
||||
text: "Get Started",
|
||||
},
|
||||
featuresTitle: "Included Features",
|
||||
features: [
|
||||
"YouTube Title Gen",
|
||||
"Script AI",
|
||||
"Reel Ideas",
|
||||
],
|
||||
id: "starter", tag: "Basic", price: "$19", period: "/mo", description: "Perfect for beginners getting started.", button: {
|
||||
text: "Get Started"},
|
||||
featuresTitle: "Included Features", features: [
|
||||
"YouTube Title Gen", "Script AI", "Reel Ideas"],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
tag: "Pro",
|
||||
price: "$49",
|
||||
period: "/mo",
|
||||
description: "For serious creators scaling up.",
|
||||
button: {
|
||||
text: "Go Pro",
|
||||
},
|
||||
featuresTitle: "Everything in Basic, plus:",
|
||||
features: [
|
||||
"Viral Topic Finder",
|
||||
"Thumbnail AI",
|
||||
"Content Calendar",
|
||||
"Priority Support",
|
||||
],
|
||||
id: "pro", tag: "Pro", price: "$49", period: "/mo", description: "For serious creators scaling up.", button: {
|
||||
text: "Go Pro - Lock in 50% Off"},
|
||||
featuresTitle: "Everything in Basic, plus:", features: [
|
||||
"Viral Topic Finder", "Thumbnail AI", "Content Calendar", "Priority Support"],
|
||||
},
|
||||
{
|
||||
id: "agency",
|
||||
tag: "Agency",
|
||||
price: "$199",
|
||||
period: "/mo",
|
||||
description: "High volume for teams and agencies.",
|
||||
button: {
|
||||
text: "Contact Us",
|
||||
},
|
||||
featuresTitle: "Everything in Pro, plus:",
|
||||
features: [
|
||||
"Unlimited AI Generation",
|
||||
"Team Accounts",
|
||||
"Analytics Deep-Dive",
|
||||
],
|
||||
id: "agency", tag: "Agency", price: "$199", period: "/mo", description: "High volume for teams and agencies.", button: {
|
||||
text: "Contact Us"},
|
||||
featuresTitle: "Everything in Pro, plus:", features: [
|
||||
"Unlimited AI Generation", "Team Accounts", "Analytics Deep-Dive"],
|
||||
},
|
||||
]}
|
||||
title="Simple Pricing for Every Creator"
|
||||
@@ -211,14 +130,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"CreatorHub",
|
||||
"Streamline Media",
|
||||
"ViralFlow",
|
||||
"Trendsetters",
|
||||
"ContentLab",
|
||||
"InfluencerPro",
|
||||
"GrowthMedia",
|
||||
]}
|
||||
"CreatorHub", "Streamline Media", "ViralFlow", "Trendsetters", "ContentLab", "InfluencerPro", "GrowthMedia"]}
|
||||
title="Trusted by Creators Everywhere"
|
||||
description="Join a global community of innovators building the future of content."
|
||||
/>
|
||||
@@ -232,25 +144,15 @@ export default function LandingPage() {
|
||||
author="Sarah J., Tech Creator"
|
||||
avatars={[
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=c2nqsj",
|
||||
alt: "happy creator laptop",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=c2nqsj", alt: "happy creator laptop"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=l0f0iw",
|
||||
alt: "young vlogger studio",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=l0f0iw", alt: "young vlogger studio"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=i7sykc",
|
||||
alt: "digital marketing expert",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=i7sykc", alt: "digital marketing expert"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=351elt",
|
||||
alt: "social media influencer filming",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=351elt", alt: "social media influencer filming"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jnoyyw",
|
||||
alt: "video editor studio",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jnoyyw", alt: "video editor studio"},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -263,25 +165,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Does it support multiple languages?",
|
||||
content: "Yes, SocioElevate supports over 30 languages.",
|
||||
},
|
||||
id: "1", title: "Does it support multiple languages?", content: "Yes, SocioElevate supports over 30 languages."},
|
||||
{
|
||||
id: "2",
|
||||
title: "How does the AI work?",
|
||||
content: "We use advanced machine learning models fine-tuned on viral social data.",
|
||||
},
|
||||
id: "2", title: "How does the AI work?", content: "We use advanced machine learning models fine-tuned on viral social data."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Can I cancel anytime?",
|
||||
content: "Yes, cancel your subscription at any time without questions.",
|
||||
},
|
||||
id: "3", title: "Can I cancel anytime?", content: "Yes, cancel your subscription at any time without questions."},
|
||||
{
|
||||
id: "4",
|
||||
title: "Do you offer refunds?",
|
||||
content: "We offer a 14-day money-back guarantee.",
|
||||
},
|
||||
id: "4", title: "Do you offer refunds?", content: "We offer a 14-day money-back guarantee."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Need more info? Check our FAQs or reach out directly."
|
||||
@@ -293,8 +183,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Ready to Start Your Journey?"
|
||||
description="Sign up today and get your first week on us."
|
||||
buttonText="Sign Up Now"
|
||||
@@ -307,42 +196,27 @@ export default function LandingPage() {
|
||||
logoText="SocioElevate"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
label: "About", href: "#"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
title: "Resources", items: [
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#",
|
||||
},
|
||||
label: "Blog", href: "#"},
|
||||
{
|
||||
label: "Help",
|
||||
href: "#",
|
||||
},
|
||||
label: "Help", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user