107 lines
4.7 KiB
TypeScript
107 lines
4.7 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
|
|
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
|
import { BarChart, Briefcase, Globe, Megaphone, Palette, Users } from 'lucide-react';
|
|
|
|
export default function ServicesPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="elastic-effect"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="pill"
|
|
contentWidth="mediumLarge"
|
|
sizing="largeSmallSizeMediumTitles"
|
|
background="circleGradient"
|
|
cardStyle="glass-elevated"
|
|
primaryButtonStyle="diagonal-gradient"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
navItems={[
|
|
{ name: "Home", id: "/" },
|
|
{ name: "Services", id: "/services" },
|
|
{ name: "Packages", id: "/packages" },
|
|
{ name: "Contact", id: "/contact" },
|
|
{ name: "Client Login", id: "/login" }
|
|
]}
|
|
brandName="eXpand AD"
|
|
button={{ text: "Get a Quote", href: "/contact" }}
|
|
/>
|
|
</div>
|
|
|
|
<div id="services-list" data-section="services-list">
|
|
<FeatureHoverPattern
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
title="Our Comprehensive Services"
|
|
description="From initial strategy to ongoing optimization, we provide end-to-end digital solutions."
|
|
tag="What We Offer"
|
|
features={[
|
|
{
|
|
icon: Globe,
|
|
title: "Social Media Strategy", description: "Develop a robust social media roadmap tailored to your brand's goals.", button: { text: "Learn More", href: "/contact" }
|
|
},
|
|
{
|
|
icon: Megaphone,
|
|
title: "Content Creation & Curation", description: "Craft engaging posts, visuals, and videos to captivate your audience.", button: { text: "Learn More", href: "/contact" }
|
|
},
|
|
{
|
|
icon: Users,
|
|
title: "Community Management", description: "Actively engage with your followers, respond to inquiries, and build loyalty.", button: { text: "Learn More", href: "/contact" }
|
|
},
|
|
{
|
|
icon: Briefcase,
|
|
title: "Influencer Campaign Management", description: "Connect with key influencers to amplify your brand message and reach new audiences.", button: { text: "Learn More", href: "/contact" }
|
|
},
|
|
{
|
|
icon: Palette,
|
|
title: "Brand Identity & Design", description: "Create a cohesive and memorable brand aesthetic across all digital touchpoints.", button: { text: "Learn More", href: "/contact" }
|
|
},
|
|
{
|
|
icon: BarChart,
|
|
title: "Performance Analytics & Reporting", description: "Gain actionable insights with detailed reports and continuous optimization.", button: { text: "Learn More", href: "/contact" }
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseCard
|
|
logoText="eXpand AD"
|
|
columns={[
|
|
{
|
|
title: "Company", items: [
|
|
{ label: "About Us", href: "/#about" },
|
|
{ label: "Services", href: "/services" },
|
|
{ label: "Packages", href: "/packages" },
|
|
{ label: "Contact", href: "/contact" }
|
|
]
|
|
},
|
|
{
|
|
title: "Resources", items: [
|
|
{ label: "Client Login", href: "/login" },
|
|
{ label: "FAQ", href: "/contact#faq" }
|
|
]
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Terms of Service", href: "#" }
|
|
]
|
|
}
|
|
]}
|
|
copyrightText="© 2024 eXpand AD. All rights reserved."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |