273 lines
15 KiB
TypeScript
273 lines
15 KiB
TypeScript
"use client";
|
|
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
|
|
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
|
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
|
|
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import TeamCardOne from '@/components/sections/team/TeamCardOne';
|
|
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import { Award, CheckCircle, Heart, Mail, Sparkles, Users, Zap } from 'lucide-react';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-magnetic"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="pill"
|
|
contentWidth="smallMedium"
|
|
sizing="mediumSizeLargeTitles"
|
|
background="circleGradient"
|
|
cardStyle="gradient-bordered"
|
|
primaryButtonStyle="flat"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
brandName="SocialStudio"
|
|
navItems={[
|
|
{ name: "About", id: "about" },
|
|
{ name: "Services", id: "services" },
|
|
{ name: "Work", id: "work" },
|
|
{ name: "Team", id: "team" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
button={{ text: "Get Started", href: "#contact" }}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardRotatedCarousel
|
|
title="Elevate Your Social Presence"
|
|
description="Strategic social media campaigns that drive engagement, growth, and measurable results for premium brands"
|
|
tag="Premium Social Agency"
|
|
tagIcon={Sparkles}
|
|
tagAnimation="slide-up"
|
|
buttons={[
|
|
{ text: "Start Your Campaign", href: "#contact" },
|
|
{ text: "View Our Work", href: "#work" }
|
|
]}
|
|
buttonAnimation="blur-reveal"
|
|
background={{ variant: "sparkles-gradient" }}
|
|
carouselItems={[
|
|
{ id: "carousel-1", imageSrc: "http://img.b2bpic.net/free-photo/view-messy-office-workspace-with-personal-computer_23-2150282053.jpg", imageAlt: "creative social media campaign dashboard" },
|
|
{ id: "carousel-2", imageSrc: "http://img.b2bpic.net/free-photo/person-firing-like-gun-social-media-reaction_53876-98457.jpg?_wi=1", imageAlt: "influencer marketing campaign successful" },
|
|
{ id: "carousel-3", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-organizing-live-shop_23-2149947506.jpg?_wi=1", imageAlt: "ecommerce social selling platform success" },
|
|
{ id: "carousel-4", imageSrc: "http://img.b2bpic.net/free-photo/blonde-woman-with-curly-hair-texting_23-2148660682.jpg?_wi=1", imageAlt: "community engagement social media building" },
|
|
{ id: "carousel-5", imageSrc: "http://img.b2bpic.net/free-photo/manager-lady-writing-laptop-looking-camera-smiling-while-diverse-colleagues-working-background_482257-5227.jpg", imageAlt: "creative agency office team collaboration" },
|
|
{ id: "carousel-6", imageSrc: "http://img.b2bpic.net/free-photo/man-filming-with-professional-camera-new-movie_23-2149066384.jpg?_wi=1", imageAlt: "content creation production studio" }
|
|
]}
|
|
autoPlay={true}
|
|
autoPlayInterval={4000}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextSplitAbout
|
|
title="About Us"
|
|
description={[
|
|
"We are a premium social media agency specializing in strategic brand positioning and high-impact digital campaigns. With over 8 years of expertise, we've helped 200+ brands transform their social presence into powerful growth engines.", "Our approach combines data-driven insights with creative excellence. We don't just post content—we build communities, foster engagement, and deliver measurable ROI that exceeds expectations. Every campaign is tailored to your unique brand voice and business objectives."
|
|
]}
|
|
buttons={[{ text: "Learn Our Process", href: "#services" }]}
|
|
buttonAnimation="slide-up"
|
|
showBorder={true}
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardOne
|
|
title="Our Services"
|
|
description="Comprehensive social media solutions designed for premium brands seeking growth and engagement"
|
|
tag="Services"
|
|
tagIcon={Zap}
|
|
tagAnimation="blur-reveal"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
title: "Strategy & Planning", description: "Custom social strategies aligned with your business goals, audience insights, and competitive positioning", imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-business-strategy-with-target_23-2149164451.jpg", imageAlt: "Social Media Strategy Planning"
|
|
},
|
|
{
|
|
title: "Content Creation", description: "High-quality visual and video content that resonates with your audience and drives meaningful engagement", imageSrc: "http://img.b2bpic.net/free-photo/man-filming-with-professional-camera-new-movie_23-2149066384.jpg?_wi=2", imageAlt: "Professional Content Creation"
|
|
},
|
|
{
|
|
title: "Analytics & Optimization", description: "Data-driven insights and continuous optimization to maximize ROI and platform performance metrics", imageSrc: "http://img.b2bpic.net/free-photo/people-using-digital-device-while-meeting_23-2149085923.jpg", imageAlt: "Advanced Analytics Dashboard"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="work" data-section="work">
|
|
<ProductCardTwo
|
|
title="Case Studies"
|
|
description="Proven results from leading brands across multiple industries. See how we've transformed their social presence"
|
|
tag="Featured Work"
|
|
tagIcon={Award}
|
|
tagAnimation="opacity"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="scale-rotate"
|
|
useInvertedBackground={true}
|
|
products={[
|
|
{
|
|
id: "case-1", brand: "TechFlow Inc", name: "B2B SaaS Growth Campaign", price: "2.3M impressions", rating: 5,
|
|
reviewCount: "156% ROI", imageSrc: "http://img.b2bpic.net/free-photo/person-firing-like-gun-social-media-reaction_53876-98457.jpg?_wi=2", imageAlt: "TechFlow successful campaign results"
|
|
},
|
|
{
|
|
id: "case-2", brand: "LuxeRetail Co", name: "E-commerce Social Selling", price: "$842K revenue", rating: 5,
|
|
reviewCount: "47K conversions", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-organizing-live-shop_23-2149947506.jpg?_wi=2", imageAlt: "LuxeRetail ecommerce success"
|
|
},
|
|
{
|
|
id: "case-3", brand: "BrandBuilders", name: "Community Engagement", price: "125K followers", rating: 5,
|
|
reviewCount: "89% engagement", imageSrc: "http://img.b2bpic.net/free-photo/blonde-woman-with-curly-hair-texting_23-2148660682.jpg?_wi=2", imageAlt: "BrandBuilders community growth"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
title="Trusted by Industry Leaders"
|
|
description="We partner with forward-thinking brands that demand excellence in their digital presence"
|
|
tag="Partners"
|
|
tagIcon={CheckCircle}
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
names={["TechFlow", "LuxeRetail", "BrandBuilders", "InnovateLab", "GrowthCo", "DigitalXperts", "StartupPro"]}
|
|
logos={[
|
|
"http://img.b2bpic.net/free-vector/logos-collection-with-vintage-luxury-style_23-2147842742.jpg", "http://img.b2bpic.net/free-vector/geometric-logo-design_1424-27.jpg", "http://img.b2bpic.net/free-vector/health-store-logo-design_23-2148472971.jpg", "http://img.b2bpic.net/free-vector/creative-money-logo-concept_23-2147884458.jpg", "http://img.b2bpic.net/free-vector/logo-with-cloud-bird_1071-134.jpg", "http://img.b2bpic.net/free-vector/luxury-floral-perfume-logo-collection_23-2148457555.jpg", "http://img.b2bpic.net/free-photo/massachusetts-flag-with-banner_187299-35502.jpg"
|
|
]}
|
|
speed={40}
|
|
showCard={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="team" data-section="team">
|
|
<TeamCardOne
|
|
title="Meet Our Team"
|
|
description="Creative strategists, content creators, and analytics experts dedicated to your success"
|
|
tag="Team"
|
|
tagIcon={Users}
|
|
tagAnimation="blur-reveal"
|
|
textboxLayout="default"
|
|
gridVariant="four-items-2x2-equal-grid"
|
|
animationType="depth-3d"
|
|
useInvertedBackground={true}
|
|
members={[
|
|
{
|
|
id: "1", name: "Alexandra Chen", role: "Strategy Director", imageSrc: "http://img.b2bpic.net/free-photo/close-up-businessman-with-tie_1098-2867.jpg", imageAlt: "Alexandra Chen"
|
|
},
|
|
{
|
|
id: "2", name: "Marcus Johnson", role: "Creative Lead", imageSrc: "http://img.b2bpic.net/free-photo/man-portrait-posing-loft-modern-space_158595-5367.jpg", imageAlt: "Marcus Johnson"
|
|
},
|
|
{
|
|
id: "3", name: "Sofia Martinez", role: "Content Creator", imageSrc: "http://img.b2bpic.net/free-photo/short-haired-woman-looking-into-camera-isolated-background-active-emotional-lady-black-jacket-makes-funny-face-white-backdrop_197531-18512.jpg", imageAlt: "Sofia Martinez"
|
|
},
|
|
{
|
|
id: "4", name: "David Park", role: "Analytics Expert", imageSrc: "http://img.b2bpic.net/free-photo/confident-businessman-smiling_107420-84734.jpg", imageAlt: "David Park"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTwelve
|
|
cardTitle="Join 200+ brands that trust us to elevate their social presence and drive meaningful growth"
|
|
cardTag="Client Stories"
|
|
cardTagIcon={Heart}
|
|
cardAnimation="blur-reveal"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Sarah Williams", imageSrc: "http://img.b2bpic.net/free-photo/smiling-beautiful-caucasian-woman-office-looking-camera_23-2148187145.jpg", imageAlt: "Sarah Williams"
|
|
},
|
|
{
|
|
id: "2", name: "Jennifer Lee", imageSrc: "http://img.b2bpic.net/free-photo/portrait-grey-haired-businessman-standing_74855-10324.jpg", imageAlt: "Jennifer Lee"
|
|
},
|
|
{
|
|
id: "3", name: "Robert Thompson", imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1624.jpg", imageAlt: "Robert Thompson"
|
|
},
|
|
{
|
|
id: "4", name: "Amanda Rodriguez", imageSrc: "http://img.b2bpic.net/free-photo/skeptical-senior-businesswoman-looking-camera_1262-5592.jpg", imageAlt: "Amanda Rodriguez"
|
|
},
|
|
{
|
|
id: "5", name: "Christopher Davis", imageSrc: "http://img.b2bpic.net/free-photo/portrait-fashionable-well-dressed-man-with-beard-posing-outdoors_1328-3268.jpg", imageAlt: "Christopher Davis"
|
|
},
|
|
{
|
|
id: "6", name: "Michelle Brown", imageSrc: "http://img.b2bpic.net/free-photo/mature-business-manager-office_1098-21368.jpg", imageAlt: "Michelle Brown"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
tag="Let's Connect"
|
|
tagIcon={Mail}
|
|
tagAnimation="slide-up"
|
|
title="Ready to Transform Your Social Presence?"
|
|
description="Join leading brands in elevating their digital strategy. Our team is ready to discuss how we can drive growth and engagement for your brand."
|
|
background={{ variant: "gradient-bars" }}
|
|
useInvertedBackground={false}
|
|
imageSrc="http://img.b2bpic.net/free-photo/four-multiethnic-colleagues-looking-computer-screen-office_93675-134937.jpg"
|
|
imageAlt="Creative team collaboration"
|
|
mediaAnimation="opacity"
|
|
mediaPosition="right"
|
|
inputPlaceholder="your@email.com"
|
|
buttonText="Get in Touch"
|
|
termsText="We respect your privacy. We'll get back to you within 24 hours."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterSimple
|
|
columns={[
|
|
{
|
|
title: "Services", items: [
|
|
{ label: "Strategy", href: "#services" },
|
|
{ label: "Content Creation", href: "#services" },
|
|
{ label: "Analytics", href: "#services" },
|
|
{ label: "Consulting", href: "#contact" }
|
|
]
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{ label: "About Us", href: "#about" },
|
|
{ label: "Our Team", href: "#team" },
|
|
{ label: "Case Studies", href: "#work" },
|
|
{ label: "Careers", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Resources", items: [
|
|
{ label: "Blog", href: "#" },
|
|
{ label: "Social Guides", href: "#" },
|
|
{ label: "Templates", href: "#" },
|
|
{ label: "Tools", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Terms of Service", href: "#" },
|
|
{ label: "Cookie Policy", href: "#" },
|
|
{ label: "Contact", href: "#contact" }
|
|
]
|
|
}
|
|
]}
|
|
bottomLeftText="© 2025 SocialStudio. All rights reserved."
|
|
bottomRightText="Crafted for premium brands worldwide"
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|