Merge version_2 into main #1

Merged
bender merged 2 commits from version_2 into main 2026-06-09 14:05:57 +00:00
2 changed files with 158 additions and 1 deletions

View File

@@ -37,6 +37,7 @@ export default function WebAgency2Page() {
{ name: "Services", id: "services" },
{ name: "About", id: "about" },
{ name: "Contact", id: "contact" },
{ name: "Social Media Marketing", href: "/social-media-marketing" }
]}
button={{ text: "Get Started", href: "#contact" }}
/>
@@ -255,6 +256,7 @@ export default function WebAgency2Page() {
{ label: "Services", href: "#services" },
{ label: "Work", href: "#work" },
{ label: "Contact", href: "#contact" },
{ label: "Social Media Marketing", href: "/social-media-marketing" }
],
},
{
@@ -278,4 +280,4 @@ export default function WebAgency2Page() {
</ReactLenis>
</ThemeProvider>
);
}
}

View File

@@ -0,0 +1,155 @@
"use client";
import ReactLenis from "lenis/react";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
import HeroSplitDoubleCarousel from "@/components/sections/hero/HeroSplitDoubleCarousel";
import FeatureBento from "@/components/sections/feature/FeatureBento";
import MetricCardOne from "@/components/sections/metrics/MetricCardOne";
import ContactCTA from "@/components/sections/contact/ContactCTA";
import FooterBase from "@/components/sections/footer/FooterBase";
import { Sparkles, Users, TrendingUp, Megaphone, Target, Phone, MessageCircle, BookOpen, Tv, Camera, Music, Settings, DollarSign, Pin, Bell } from "lucide-react";
export default function SocialMediaMarketingPage() {
return (
<ThemeProvider
defaultButtonVariant="text-stagger"
defaultTextAnimation="entrance-slide"
borderRadius="pill"
contentWidth="medium"
sizing="medium"
background="none"
cardStyle="glass-elevated"
primaryButtonStyle="metallic"
secondaryButtonStyle="glass"
headingFontWeight="medium"
>
<ReactLenis root>
<NavbarLayoutFloatingOverlay
brandName="Webild"
navItems={[
{ name: "Work", id: "work" },
{ name: "Services", id: "services" },
{ name: "About", id: "about" },
{ name: "Contact", id: "contact" },
{ name: "Social Media Marketing", href: "/social-media-marketing" }
]}
button={{ text: "Get Started", href: "#contact" }}
/>
<HeroSplitDoubleCarousel
title="Ignite Your Brand on Social Media"
description="We craft dynamic social media strategies that capture attention, build communities, and convert followers into loyal customers."
tag="Social Media Masters"
tagIcon={Megaphone}
tagAnimation="slide-up"
background={{ variant: "canvas-reveal" }}
buttons={[
{ text: "Start Project", href: "#contact" },
{ text: "View Our Work", href: "#work" },
]}
buttonAnimation="slide-up"
carouselPosition="right"
leftCarouselItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/young-woman-holding-black-smartphone_23-2148264034.jpg", imageAlt: "Social Media Post Example" },
{ imageSrc: "http://img.b2bpic.net/free-photo/beautiful-geometric-modern-colorful-abstract-digital-art_181624-57995.jpg", imageAlt: "Social Media Ad Creative" },
{ imageSrc: "http://img.b2bpic.net/free-photo/research-analysis-ideas-strategy-information-concept_53876-123886.jpg", imageAlt: "Social Media Analytics Dashboard" },
{ imageSrc: "http://img.b2bpic.net/free-photo/back-view-man-holding-smartphone_23-2149652178.jpg", imageAlt: "Social Media Story Example" },
{ imageSrc: "http://img.b2bpic.net/free-photo/communication-social-media-icons-personal-computer_23-2150781063.jpg", imageAlt: "Social Media Campaign Planning" }
]}
rightCarouselItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-friends-hands-play-with-smartphone-together_1150-4522.jpg", imageAlt: "Social Media Feed Scrolling" },
{ imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-using-tablet_53876-14785.jpg", imageAlt: "Social Media Strategy Design" },
{ imageSrc: "http://img.b2bpic.net/free-photo/dgital-tablet-mobile-phone-near-stickers-social-media-icons_23-2147841405.jpg", imageAlt: "Social Media Engagement Icons" },
{ imageSrc: "http://img.b2bpic.net/free-photo/graph-growth-development-improvement-profit-success-concept_53876-123948.jpg", imageAlt: "Social Media Insights Graph" }
]}
carouselItemClassName="!aspect-[4/5]"
/>
<FeatureBento
title="Our Social Media Marketing Services"
description="A comprehensive suite of services to amplify your brand's voice and reach."
textboxLayout="default"
useInvertedBackground={false}
animationType="slide-up"
buttons={[{ text: "Explore All Services", href: "#services" }]}
buttonAnimation="slide-up"
features={[
{
title: "Strategic Social Planning", description: "Develop a bespoke social media roadmap tailored to your business goals and target audience.", bentoComponent: "marquee", centerIcon: Target,
variant: "text", texts: ["Audience Research", "Platform Selection", "Content Calendars", "Engagement Tactics", "Growth Hacks", "KPI Tracking"],
},
{
title: "Engaging Content Creation", description: "From captivating visuals to compelling copy, we produce content that resonates and performs.", bentoComponent: "media-stack", items: [
{ imageSrc: "http://img.b2bpic.net/free-photo/colorful-abstract-geometric-wallpaper_23-2151898375.jpg", imageAlt: "Visually appealing social media post" },
{ imageSrc: "http://img.b2bpic.net/free-photo/light-leak-overlay-effect-with-blur-blue-light-leak-noisy-retro-film_474888-8016.jpg", imageAlt: "Short video reel preview" },
{ imageSrc: "http://img.b2bpic.net/free-photo/realistic-phone-studio-social-media-concept_23-2151459558.jpg", imageAlt: "Infographic for social media" },
],
},
{
title: "Authentic Community Building", description: "Foster meaningful connections with your audience, turning followers into advocates.", bentoComponent: "media-stack", items: [
{ imageSrc: "http://img.b2bpic.net/free-photo/isolate-white-rectangle-inside-blue-text-message-box-white-background-symbol-chat-communication-concept-by-3d-render_616485-57.jpg", imageAlt: "People interacting on social media" },
{ imageSrc: "http://img.b2bpic.net/free-photo/message-icons-white-paper-envelope-with-digital-tablet-cellphone-painted-blue-backdrop_23-2147841237.jpg", imageAlt: "Chat bubbles and message icons" },
{ imageSrc: "http://img.b2bpic.net/free-photo/people-holding-social-media-icons_53876-49335.jpg", imageAlt: "Brand interacting with comments" },
],
},
]}
/>
<MetricCardOne
title="Driving Tangible Results on Social"
description="Our expertise translates into measurable growth and impact for your brand."
textboxLayout="default"
useInvertedBackground={false}
gridVariant="uniform-all-items-equal"
animationType="slide-up"
metrics={[
{ id: "engagement", value: "300%+", title: "Engagement Rate", description: "Average increase across client campaigns", icon: Sparkles },
{ id: "audience", value: "1M+", title: "Audience Growth", description: "Followers gained for our clients annually", icon: Users },
{ id: "roi", value: "4.5X", title: "Avg. ROI", description: "Return on ad spend for managed campaigns", icon: TrendingUp },
]}
/>
<ContactCTA
tag="Let's Connect"
title="Ready to Amplify Your Social Presence?"
description="Partner with Webild to create a powerful social media strategy that drives real business growth."
background={{ variant: "rotated-rays-animated" }}
buttons={[
{ text: "Start Your Project", href: "#contact" },
{ text: "View Our Work", href: "#work" },
]}
buttonAnimation="slide-up"
useInvertedBackground={false}
/>
<FooterBase
logoText="Webild"
copyrightText="© 2026 | Webild"
columns={[
{
title: "Company", items: [
{ label: "About", href: "#about" },
{ label: "Services", href: "#services" },
{ label: "Work", href: "#work" },
{ label: "Contact", href: "#contact" },
{ label: "Social Media Marketing", href: "/social-media-marketing" }
],
},
{
title: "Services", items: [
{ label: "Social Strategy", href: "#" },
{ label: "Content Creation", href: "#" },
{ label: "Community Management", href: "#" },
{ label: "Paid Social Ads", href: "#" },
],
},
{
title: "Connect", items: [
{ label: "Twitter", href: "#" },
{ label: "LinkedIn", href: "#" },
{ label: "Instagram", href: "#" },
{ label: "Dribbble", href: "#" },
],
},
]}
/>
</ReactLenis>
</ThemeProvider>
);
}