Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-05-19 04:02:50 +00:00

View File

@@ -30,410 +30,162 @@ export default function LandingPage() {
headingFontWeight="semibold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "Services",
id: "features",
},
{
name: "Products",
id: "products",
},
{
name: "Pricing",
id: "pricing",
},
]}
brandName="SocialPulse"
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{ name: "Home", id: "hero" },
{ name: "Services", id: "features" },
{ name: "Products", id: "products" },
{ name: "Pricing", id: "pricing" },
]}
brandName="SocialPulse"
/>
</div>
<div id="hero" data-section="hero">
<HeroOverlay
title="Elevate Your Digital Presence"
description="Unlock expert-led social media services and premium digital tools tailored to grow your brand, increase engagement, and streamline your workflow."
buttons={[
{
text: "View Products",
href: "#products",
},
{
text: "Learn More",
href: "#about",
},
]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=7arsvo&_wi=1"
avatars={[
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=h2uxlx",
alt: "professional business portrait person",
},
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3bzdvw",
alt: "professional business portrait person",
},
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=j33y4u",
alt: "professional business portrait person",
},
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=mqnz2s",
alt: "professional business portrait person",
},
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6ly5y8",
alt: "professional business portrait person",
},
]}
avatarText="Trusted by 5,000+ creators"
/>
</div>
<div id="hero" data-section="hero">
<HeroOverlay
title="Elevate Your Digital Presence"
description="Unlock expert-led social media services and premium digital tools tailored to grow your brand, increase engagement, and streamline your workflow."
buttons={[
{ text: "View Products", href: "#products" },
{ text: "Learn More", href: "#about" },
]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=7arsvo"
avatars={[
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=h2uxlx", alt: "professional business portrait person" },
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3bzdvw", alt: "professional business portrait person" },
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=j33y4u", alt: "professional business portrait person" },
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=mqnz2s", alt: "professional business portrait person" },
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6ly5y8", alt: "professional business portrait person" },
]}
avatarText="Trusted by 5,000+ creators"
/>
</div>
<div id="about" data-section="about">
<MediaAbout
useInvertedBackground={true}
title="Empowering Creators & Businesses"
description="We specialize in bridging the gap between professional social media strategy and accessible digital products. Our team helps you scale by providing actionable insights and high-quality creative assets built for modern digital needs."
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=d8gues&_wi=1"
/>
</div>
<div id="about" data-section="about">
<MediaAbout
useInvertedBackground={true}
title="Empowering Creators & Businesses"
description="We specialize in bridging the gap between professional social media strategy and accessible digital products. Our team helps you scale by providing actionable insights and high-quality creative assets built for modern digital needs."
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=d8gues"
/>
</div>
<div id="features" data-section="features">
<FeatureHoverPattern
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
features={[
{
icon: Zap,
title: "Strategic Content Planning",
description: "Engaging calendars that drive consistent results and brand awareness.",
},
{
icon: Shield,
title: "Brand Strategy Design",
description: "Develop a cohesive identity that sets you apart from your competition.",
},
{
icon: BarChart2,
title: "Performance Analytics",
description: "Data-driven insights to optimize your reach and improve audience conversion.",
},
]}
title="Services That Scale Your Growth"
description="Comprehensive solutions for ambitious creators and business owners."
/>
</div>
<div id="features" data-section="features">
<FeatureHoverPattern
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
features={[
{ icon: Zap, title: "Strategic Content Planning", description: "Engaging calendars that drive consistent results and brand awareness." },
{ icon: Shield, title: "Brand Strategy Design", description: "Develop a cohesive identity that sets you apart from your competition." },
{ icon: BarChart2, title: "Performance Analytics", description: "Data-driven insights to optimize your reach and improve audience conversion." },
]}
title="Services That Scale Your Growth"
description="Comprehensive solutions for ambitious creators and business owners."
/>
</div>
<div id="products" data-section="products">
<ProductCardTwo
animationType="slide-up"
textboxLayout="default"
gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={true}
products={[
{
id: "p1",
brand: "SocialPulse",
name: "Mega Content Template Pack",
price: "$49",
rating: 5,
reviewCount: "120",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=dk9q7o",
},
{
id: "p2",
brand: "SocialPulse",
name: "Viral Strategy Course",
price: "$199",
rating: 5,
reviewCount: "85",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=itxfht",
},
{
id: "p3",
brand: "SocialPulse",
name: "Aesthetic Filter Bundle",
price: "$29",
rating: 4,
reviewCount: "250",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=j0dhq8",
},
{
id: "p4",
brand: "SocialPulse",
name: "Professional Editing Presets",
price: "$39",
rating: 5,
reviewCount: "400",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=gj0amq",
},
{
id: "p5",
brand: "SocialPulse",
name: "Brand Identity Master Kit",
price: "$129",
rating: 5,
reviewCount: "60",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=os3tj3",
},
{
id: "p6",
brand: "SocialPulse",
name: "Creator Strategy E-book",
price: "$19",
rating: 5,
reviewCount: "90",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ripyyp",
},
]}
title="Premium Digital Assets"
description="High-quality products to accelerate your creative workflow."
/>
</div>
<div id="products" data-section="products">
<ProductCardTwo
animationType="slide-up"
textboxLayout="default"
gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={true}
products={[
{ id: "p1", brand: "SocialPulse", name: "Mega Content Template Pack", price: "$49", rating: 5, reviewCount: "120", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=dk9q7o" },
{ id: "p2", brand: "SocialPulse", name: "Viral Strategy Course", price: "$199", rating: 5, reviewCount: "85", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=itxfht" },
{ id: "p3", brand: "SocialPulse", name: "Aesthetic Filter Bundle", price: "$29", rating: 4, reviewCount: "250", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=j0dhq8" },
{ id: "p4", brand: "SocialPulse", name: "Professional Editing Presets", price: "$39", rating: 5, reviewCount: "400", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=gj0amq" },
{ id: "p5", brand: "SocialPulse", name: "Brand Identity Master Kit", price: "$129", rating: 5, reviewCount: "60", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=os3tj3" },
{ id: "p6", brand: "SocialPulse", name: "Creator Strategy E-book", price: "$19", rating: 5, reviewCount: "90", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ripyyp" },
]}
title="Premium Digital Assets"
description="High-quality products to accelerate your creative workflow."
/>
</div>
<div id="pricing" data-section="pricing">
<PricingCardThree
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
plans={[
{
id: "basic",
badge: "Essential",
price: "$499/mo",
name: "Starter Strategy",
buttons: [
{
text: "Get Started",
href: "#contact",
},
],
features: [
"Weekly content review",
"Basic analytics report",
"Email support",
],
},
{
id: "pro",
badge: "Most Popular",
price: "$999/mo",
name: "Growth Pro",
buttons: [
{
text: "Get Started",
href: "#contact",
},
],
features: [
"Daily strategy planning",
"Advanced performance analytics",
"Priority 24/7 support",
],
},
{
id: "enterprise",
badge: "Custom",
price: "$1,999/mo",
name: "Authority Engine",
buttons: [
{
text: "Get Started",
href: "#contact",
},
],
features: [
"Comprehensive brand management",
"Dedicated campaign support",
"Full-funnel optimization",
],
},
]}
title="Flexible Service Plans"
description="Choose the level of support you need to dominate your market."
/>
</div>
<div id="pricing" data-section="pricing">
<PricingCardThree
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
plans={[
{ id: "basic", badge: "Essential", price: "$499/mo", name: "Starter Strategy", buttons: [{ text: "Get Started", href: "#contact" }], features: ["Weekly content review", "Basic analytics report", "Email support"] },
{ id: "pro", badge: "Most Popular", price: "$999/mo", name: "Growth Pro", buttons: [{ text: "Get Started", href: "#contact" }], features: ["Daily strategy planning", "Advanced performance analytics", "Priority 24/7 support"] },
{ id: "enterprise", badge: "Custom", price: "$1,999/mo", name: "Authority Engine", buttons: [{ text: "Get Started", href: "#contact" }], features: ["Comprehensive brand management", "Dedicated campaign support", "Full-funnel optimization"] },
]}
title="Flexible Service Plans"
description="Choose the level of support you need to dominate your market."
/>
</div>
<div id="social" data-section="social">
<SocialProofOne
textboxLayout="default"
useInvertedBackground={true}
names={[
"InnovateTech",
"GrowthLab",
"CreativeSphere",
"VisionaryCo",
"ImpactAgency",
"FutureBuilders",
"GlobalConnect",
]}
title="Trusted by Innovative Brands"
/>
</div>
<div id="social" data-section="social">
<SocialProofOne
textboxLayout="default"
useInvertedBackground={true}
names={[
"InnovateTech", "GrowthLab", "CreativeSphere", "VisionaryCo", "ImpactAgency", "FutureBuilders", "GlobalConnect"]}
title="Trusted by Innovative Brands"
description="Supporting companies globally with industry-leading digital strategies."
/>
</div>
<div id="testimonial" data-section="testimonial">
<TestimonialCardFive
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Sarah Miller",
date: "Oct 2023",
title: "Content Director",
quote: "The content templates transformed our daily workflow completely.",
tag: "Verified",
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=h2uxlx",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=7arsvo&_wi=2",
imageAlt: "professional business portrait person",
},
{
id: "2",
name: "James Wilson",
date: "Nov 2023",
title: "Founder",
quote: "I saw an immediate spike in engagement after using their audit service.",
tag: "Verified",
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3bzdvw",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=d8gues&_wi=2",
imageAlt: "professional business portrait person",
},
{
id: "3",
name: "Elena Rodriguez",
date: "Dec 2023",
title: "Marketing Manager",
quote: "The strategy insights they provided are truly professional and effective.",
tag: "Verified",
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=j33y4u",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=g3disg",
imageAlt: "professional business portrait person",
},
{
id: "4",
name: "David Park",
date: "Jan 2024",
title: "Creator",
quote: "Their digital products are well-made and easy to implement.",
tag: "Verified",
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=mqnz2s",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6wpscx",
imageAlt: "professional business portrait person",
},
{
id: "5",
name: "Olivia Smith",
date: "Feb 2024",
title: "Brand Consultant",
quote: "An invaluable resource for any brand looking for real results.",
tag: "Verified",
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6ly5y8",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rz6xxx",
imageAlt: "professional business portrait person",
},
]}
title="Success Stories"
description="What our clients say about their growth journey with us."
/>
</div>
<div id="testimonial" data-section="testimonial">
<TestimonialCardFive
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{ id: "1", name: "Sarah Miller", date: "Oct 2023", title: "Content Director", quote: "The content templates transformed our daily workflow completely.", tag: "Verified", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=h2uxlx", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=7arsvo", imageAlt: "professional business portrait person" },
{ id: "2", name: "James Wilson", date: "Nov 2023", title: "Founder", quote: "I saw an immediate spike in engagement after using their audit service.", tag: "Verified", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3bzdvw", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=d8gues", imageAlt: "professional business portrait person" },
{ id: "3", name: "Elena Rodriguez", date: "Dec 2023", title: "Marketing Manager", quote: "The strategy insights they provided are truly professional and effective.", tag: "Verified", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=j33y4u", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=g3disg", imageAlt: "professional business portrait person" },
{ id: "4", name: "David Park", date: "Jan 2024", title: "Creator", quote: "Their digital products are well-made and easy to implement.", tag: "Verified", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=mqnz2s", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6wpscx", imageAlt: "professional business portrait person" },
{ id: "5", name: "Olivia Smith", date: "Feb 2024", title: "Brand Consultant", quote: "An invaluable resource for any brand looking for real results.", tag: "Verified", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6ly5y8", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rz6xxx", imageAlt: "professional business portrait person" },
]}
title="Success Stories"
description="What our clients say about their growth journey with us."
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitMedia
textboxLayout="split"
useInvertedBackground={true}
faqs={[
{
id: "f1",
title: "What digital formats are provided?",
content: "Our templates are provided in common formats like Canva, Notion, and Adobe Creative Suite.",
},
{
id: "f2",
title: "How long until I see results?",
content: "Results depend on your niche, but most clients notice engagement improvements within 3-4 weeks.",
},
{
id: "f3",
title: "Can I upgrade my plan?",
content: "Yes, you can upgrade your service plan at any time through your dashboard.",
},
]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=oo20ot"
mediaAnimation="slide-up"
title="Frequently Asked Questions"
description="Have questions about our products or services? We've got answers."
faqsAnimation="slide-up"
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitMedia
textboxLayout="split"
useInvertedBackground={true}
faqs={[
{ id: "f1", title: "What digital formats are provided?", content: "Our templates are provided in common formats like Canva, Notion, and Adobe Creative Suite." },
{ id: "f2", title: "How long until I see results?", content: "Results depend on your niche, but most clients notice engagement improvements within 3-4 weeks." },
{ id: "f3", title: "Can I upgrade my plan?", content: "Yes, you can upgrade your service plan at any time through your dashboard." },
]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=oo20ot"
mediaAnimation="slide-up"
title="Frequently Asked Questions"
description="Have questions about our products or services? We've got answers."
faqsAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={false}
background={{
variant: "sparkles-gradient",
}}
tag="Get in Touch"
title="Ready to Scale Your Brand?"
description="Whether you have questions about our services or need custom support, our team is ready to help you thrive."
buttons={[
{
text: "Contact Us Now",
href: "mailto:hello@socialpulse.com",
},
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={false}
background={{ variant: "sparkles-gradient" }}
tag="Get in Touch"
title="Ready to Scale Your Brand?"
description="Whether you have questions about our services or need custom support, our team is ready to help you thrive."
buttons={[{ text: "Contact Us Now", href: "mailto:hello@socialpulse.com" }]}
/>
</div>
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{
title: "Resources",
items: [
{
label: "Blog",
href: "#",
},
{
label: "Community",
href: "#",
},
{
label: "FAQ",
href: "#faq",
},
],
},
{
title: "Company",
items: [
{
label: "About Us",
href: "#about",
},
{
label: "Careers",
href: "#",
},
{
label: "Partners",
href: "#",
},
],
},
]}
bottomLeftText="© 2024 SocialPulse. All rights reserved."
bottomRightText="Privacy Policy | Terms of Service"
/>
</div>
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{ title: "Resources", items: [{ label: "Blog", href: "#" }, { label: "Community", href: "#" }, { label: "FAQ", href: "#faq" }] },
{ title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Careers", href: "#" }, { label: "Partners", href: "#" }] },
]}
bottomLeftText="© 2024 SocialPulse. All rights reserved."
bottomRightText="Privacy Policy | Terms of Service"
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}