141 lines
7.9 KiB
TypeScript
141 lines
7.9 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
|
import FooterBase from '@/components/sections/footer/FooterBase';
|
|
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
|
|
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
|
import TextAbout from '@/components/sections/about/TextAbout';
|
|
import { Sparkles, Zap, Camera, TrendingUp, Users, BarChart } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="bounce-effect"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="rounded"
|
|
contentWidth="medium"
|
|
sizing="largeSmallSizeLargeTitles"
|
|
background="aurora"
|
|
cardStyle="solid"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="light"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{ name: "About", id: "#about" },
|
|
{ name: "Services", id: "#features" },
|
|
{ name: "Testimonials", id: "#testimonials" },
|
|
{ name: "Contact", id: "#contact" },
|
|
]}
|
|
brandName="AgencyX"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitDualMedia
|
|
background={{ variant: "plain" }}
|
|
title="Scale Your Presence with AgencyX"
|
|
description="We craft high-performance social media strategies that turn audiences into loyal customers for world-class brands."
|
|
tag="Trusted by 100+ Brands"
|
|
mediaItems={[
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/glasses-cactus-office_23-2147669337.jpg", imageAlt: "Creative agency workspace professional" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/manager-watches-tablet-with-greenscreen_482257-76577.jpg", imageAlt: "Social media data analytics visualization" }
|
|
]}
|
|
mediaAnimation="blur-reveal"
|
|
rating={5}
|
|
ratingText="Rated 5/5 by our partners"
|
|
tagIcon={Sparkles}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextAbout
|
|
useInvertedBackground={false}
|
|
tag="About Us"
|
|
title="We turn social media into your strongest asset for long-term growth."
|
|
buttons={[{ text: "Learn More", href: "#contact" }]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTwentySix
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{ title: "Social Strategy", description: "Data-driven roadmaps to achieve your core business objectives.", imageSrc: "http://img.b2bpic.net/free-vector/gradient-dashboard-statistic-evolution-template_23-2148284171.jpg", buttonIcon: Zap },
|
|
{ title: "Content Creation", description: "High-quality, platform-native content that captures immediate attention.", imageSrc: "http://img.b2bpic.net/free-photo/freelancer-taking-break-from-work-watch-videos-green-screen-smartphone_482257-121766.jpg", buttonIcon: Camera },
|
|
{ title: "Brand Growth", description: "Systematic audience acquisition through targeted advertising and community engagement.", imageSrc: "http://img.b2bpic.net/free-photo/man-wheelchair-having-office-job_23-2149571066.jpg", buttonIcon: TrendingUp },
|
|
{ title: "Influencer Outreach", description: "Authentic partnerships that amplify your brand credibility.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-late-night_23-2150170690.jpg", buttonIcon: Users },
|
|
{ title: "Analytics Tracking", description: "Precision tracking to measure every milestone of your growth.", imageSrc: "http://img.b2bpic.net/free-vector/modern-infographic-element-collection_52683-1777.jpg", buttonIcon: BarChart }
|
|
]}
|
|
title="Services That Scale"
|
|
description="Comprehensive solutions designed to elevate your brand voice and maximize ROI across every social channel."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTwo
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
animationType="blur-reveal"
|
|
testimonials={[
|
|
{ id: "1", name: "Sarah J.", role: "Marketing Director", testimonial: "AgencyX transformed our presence, doubling our engagement in just six months.", imageSrc: "http://img.b2bpic.net/free-photo/middle-age-businessman-smiling-happy-standing-city_839833-25759.jpg" },
|
|
{ id: "2", name: "Mark D.", role: "CEO", testimonial: "Their data-driven approach is unmatched in the industry. Results have been exceptional.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-business-woman-posing_23-2149457762.jpg" },
|
|
{ id: "3", name: "Emily C.", role: "Brand Manager", testimonial: "A team of true professionals who genuinely care about our long-term growth.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-positive-businesswoman_1098-3531.jpg" },
|
|
{ id: "4", name: "David W.", role: "Product Lead", testimonial: "The content strategy provided by the team is consistently brilliant and effective.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-successful-young-entrepreneur-standing-looking-camera-crossing-arms-smiling_482257-5018.jpg" },
|
|
{ id: "5", name: "Jessica R.", role: "Head of Growth", testimonial: "I cannot imagine a better partner for our social media roadmap and execution.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-business-woman_158595-4753.jpg" }
|
|
]}
|
|
title="Partners Who Succeed"
|
|
description="See why top global brands trust our agency to define their social impact."
|
|
/>
|
|
</div>
|
|
|
|
<div id="pricing" data-section="pricing">
|
|
<PricingCardTwo
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
animationType="blur-reveal"
|
|
plans={[
|
|
{ id: "starter", badge: "Essential", price: "$2,500/mo", subtitle: "Perfect for new brands", buttons: [{ text: "Get Started", href: "#contact" }], features: ["Monthly Content Calendar", "Basic Analytics", "Community Moderation"] },
|
|
{ id: "pro", badge: "Growth", price: "$5,000/mo", subtitle: "For fast-scaling brands", buttons: [{ text: "Get Started", href: "#contact" }], features: ["Full Content Production", "Targeted Ad Management", "Weekly Reporting", "Influencer Strategy"] },
|
|
{ id: "enterprise", badge: "Custom", price: "Custom", subtitle: "For global enterprises", buttons: [{ text: "Contact Us", href: "#contact" }], features: ["Dedicated Account Manager", "Advanced Data Strategy", "Platform Expansion", "Premium Support"] }
|
|
]}
|
|
title="Flexible Packages"
|
|
description="Choose a plan designed to fit your unique business requirements and growth goals."
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
useInvertedBackground={false}
|
|
background={{ variant: "plain" }}
|
|
tag="Get in Touch"
|
|
title="Let's Start Your Campaign"
|
|
description="Contact our experts today for a consultation on how to dominate your industry's social landscape."
|
|
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-happy-colleagues-talking_23-2149006918.jpg"
|
|
mediaAnimation="blur-reveal"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBase
|
|
columns={[
|
|
{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Services", href: "#features" }, { label: "Contact", href: "#contact" }] },
|
|
{ title: "Resources", items: [{ label: "Blog", href: "#" }, { label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }
|
|
]}
|
|
logoText="AgencyX"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|