331 lines
11 KiB
TypeScript
331 lines
11 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
|
|
import FeatureBento from "@/components/sections/feature/FeatureBento";
|
|
import ProductCardFour from "@/components/sections/product/ProductCardFour";
|
|
import ContactCenter from "@/components/sections/contact/ContactCenter";
|
|
import FooterBase from "@/components/sections/footer/FooterBase";
|
|
import Link from "next/link";
|
|
import {
|
|
Zap,
|
|
Globe,
|
|
ShoppingCart,
|
|
TrendingUp,
|
|
Share2,
|
|
Target,
|
|
Search,
|
|
MessageSquare,
|
|
Workflow,
|
|
Smartphone,
|
|
Database,
|
|
Layers,
|
|
User,
|
|
BarChart3,
|
|
Funnel,
|
|
Mail,
|
|
Package,
|
|
Rocket,
|
|
} from "lucide-react";
|
|
|
|
export default function ServicesPage() {
|
|
const navItems = [
|
|
{ name: "Home", id: "home" },
|
|
{ name: "Services", id: "services" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Contact", id: "contact" },
|
|
];
|
|
|
|
const footerColumns = [
|
|
{
|
|
title: "Services",
|
|
items: [
|
|
{ label: "Web Development", href: "/services" },
|
|
{ label: "Digital Marketing", href: "/services" },
|
|
{ label: "AI Automation", href: "/services" },
|
|
{ label: "App Development", href: "/services" },
|
|
],
|
|
},
|
|
{
|
|
title: "Company",
|
|
items: [
|
|
{ label: "About Us", href: "/" },
|
|
{ label: "Our Team", href: "/" },
|
|
{ label: "Case Studies", href: "/" },
|
|
{ label: "Blog", href: "/" },
|
|
],
|
|
},
|
|
{
|
|
title: "Resources",
|
|
items: [
|
|
{ label: "Documentation", href: "#" },
|
|
{ label: "API Reference", href: "#" },
|
|
{ label: "Pricing", href: "#" },
|
|
{ label: "Support", href: "/contact" },
|
|
],
|
|
},
|
|
{
|
|
title: "Legal",
|
|
items: [
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Terms of Service", href: "#" },
|
|
{ label: "Cookie Policy", href: "#" },
|
|
{ label: "Contact Us", href: "/" },
|
|
],
|
|
},
|
|
];
|
|
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-magnetic"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="rounded"
|
|
contentWidth="medium"
|
|
sizing="large"
|
|
background="circleGradient"
|
|
cardStyle="layered-gradient"
|
|
primaryButtonStyle="flat"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="bold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
brandName="Digital Momentum"
|
|
navItems={navItems.map((item) => ({
|
|
name: item.name,
|
|
id: item.id,
|
|
}))}
|
|
button={{
|
|
text: "Get Started",
|
|
href: "#contact",
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="services-detail" data-section="services-detail">
|
|
<FeatureBento
|
|
title="Comprehensive Service Offerings"
|
|
description="Deep dive into each of our specialized service areas designed to help your business succeed in the digital landscape."
|
|
tag="Detailed Services"
|
|
tagIcon={Zap}
|
|
tagAnimation="blur-reveal"
|
|
features={[
|
|
{
|
|
title: "Website Development",
|
|
description:
|
|
"High-conversion websites and landing pages that attract qualified leads and drive measurable results. We specialize in responsive design, user experience optimization, and conversion rate optimization.",
|
|
bentoComponent: "icon-info-cards",
|
|
items: [
|
|
{
|
|
icon: Globe,
|
|
label: "Business Websites",
|
|
value: "Professional & Scalable",
|
|
},
|
|
{
|
|
icon: ShoppingCart,
|
|
label: "E-Commerce",
|
|
value: "Sales Ready",
|
|
},
|
|
{
|
|
icon: TrendingUp,
|
|
label: "Optimization",
|
|
value: "Conversion Focused",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "Digital Marketing",
|
|
description:
|
|
"Strategic marketing campaigns that generate traffic, leads, and measurable business growth. Our data-driven approach ensures every marketing dollar is optimized for ROI.",
|
|
bentoComponent: "icon-info-cards",
|
|
items: [
|
|
{
|
|
icon: Share2,
|
|
label: "Social Media",
|
|
value: "Audience Growth",
|
|
},
|
|
{
|
|
icon: Target,
|
|
label: "Performance Ads",
|
|
value: "ROI Driven",
|
|
},
|
|
{
|
|
icon: Search,
|
|
label: "SEO & Content",
|
|
value: "Organic Growth",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "AI Automation",
|
|
description:
|
|
"AI-powered tools that automate customer interactions and streamline business workflows. Reduce operational costs while improving customer satisfaction and response times.",
|
|
bentoComponent: "icon-info-cards",
|
|
items: [
|
|
{
|
|
icon: MessageSquare,
|
|
label: "AI Chatbots",
|
|
value: "24/7 Support",
|
|
},
|
|
{
|
|
icon: Zap,
|
|
label: "Lead Qualification",
|
|
value: "Intelligent Scoring",
|
|
},
|
|
{
|
|
icon: Workflow,
|
|
label: "Automation",
|
|
value: "Process Efficiency",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "App Development",
|
|
description:
|
|
"Custom digital platforms designed to improve operations and drive business scalability. From mobile apps to enterprise SaaS solutions, we deliver technology that works.",
|
|
bentoComponent: "icon-info-cards",
|
|
items: [
|
|
{
|
|
icon: Smartphone,
|
|
label: "Mobile Apps",
|
|
value: "iOS & Android",
|
|
},
|
|
{
|
|
icon: Database,
|
|
label: "CRM Systems",
|
|
value: "Data Management",
|
|
},
|
|
{
|
|
icon: Layers,
|
|
label: "SaaS Platforms",
|
|
value: "Cloud Ready",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "Sales Infrastructure",
|
|
description:
|
|
"Systems that manage leads, automate follow-ups, and help close more deals efficiently. Build a modern sales tech stack that scales with your business.",
|
|
bentoComponent: "icon-info-cards",
|
|
items: [
|
|
{
|
|
icon: User,
|
|
label: "CRM Setup",
|
|
value: "Sales Ready",
|
|
},
|
|
{
|
|
icon: Workflow,
|
|
label: "Pipeline Automation",
|
|
value: "Deal Acceleration",
|
|
},
|
|
{
|
|
icon: BarChart3,
|
|
label: "Analytics",
|
|
value: "Performance Tracking",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "Sales Funnels",
|
|
description:
|
|
"Automated funnels that capture leads and convert them into paying customers with precision. From awareness to conversion, we optimize every step.",
|
|
bentoComponent: "icon-info-cards",
|
|
items: [
|
|
{
|
|
icon: Funnel,
|
|
label: "Funnel Strategy",
|
|
value: "Conversion Path",
|
|
},
|
|
{
|
|
icon: Mail,
|
|
label: "Email Automation",
|
|
value: "Nurture Campaigns",
|
|
},
|
|
{
|
|
icon: Target,
|
|
label: "Lead Gen",
|
|
value: "Qualified Leads",
|
|
},
|
|
],
|
|
},
|
|
]}
|
|
animationType="blur-reveal"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
carouselMode="buttons"
|
|
ariaLabel="Detailed services section"
|
|
/>
|
|
</div>
|
|
|
|
<div id="service-packages" data-section="service-packages">
|
|
<ProductCardFour
|
|
title="Service Packages & Solutions"
|
|
description="Choose from our carefully designed packages tailored to different business needs and goals."
|
|
tag="What's Included"
|
|
tagIcon={Package}
|
|
tagAnimation="blur-reveal"
|
|
products={[
|
|
{
|
|
id: "package-1",
|
|
name: "Web Foundation",
|
|
price: "Starting at $5,000",
|
|
variant: "Website Development + SEO Setup",
|
|
imageSrc:
|
|
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B1fUCFtnDCSSuvCqVLBcRXNqok/a-sleek-web-development-workspace-showin-1773661602955-6b66785d.png?_wi=3",
|
|
imageAlt: "Web Development Package",
|
|
},
|
|
{
|
|
id: "package-2",
|
|
name: "Growth Engine",
|
|
price: "Starting at $8,000",
|
|
variant: "Digital Marketing + Analytics",
|
|
imageSrc:
|
|
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B1fUCFtnDCSSuvCqVLBcRXNqok/a-digital-marketing-strategy-session-sho-1773661600566-91763dbb.png?_wi=2",
|
|
imageAlt: "Digital Marketing Package",
|
|
},
|
|
{
|
|
id: "package-3",
|
|
name: "AI Enterprise",
|
|
price: "Starting at $12,000",
|
|
variant: "AI Automation + CRM Integration",
|
|
imageSrc:
|
|
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B1fUCFtnDCSSuvCqVLBcRXNqok/an-advanced-ai-automation-interface-show-1773661601721-ed34be42.png?_wi=2",
|
|
imageAlt: "AI Automation Package",
|
|
},
|
|
]}
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="blur-reveal"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
carouselMode="buttons"
|
|
ariaLabel="Service packages"
|
|
/>
|
|
</div>
|
|
|
|
<div id="cta" data-section="cta">
|
|
<ContactCenter
|
|
tag="Interested in Our Services?"
|
|
title="Let's Discuss Your Project"
|
|
description="Our team is ready to understand your challenges and recommend the perfect solution. Schedule a consultation with our specialists today."
|
|
tagIcon={Rocket}
|
|
tagAnimation="blur-reveal"
|
|
background={{ variant: "circleGradient" }}
|
|
useInvertedBackground={false}
|
|
inputPlaceholder="Enter your business email"
|
|
buttonText="Schedule Consultation"
|
|
termsText="By clicking Schedule Consultation, you agree to our Terms and Conditions."
|
|
ariaLabel="Services CTA section"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBase
|
|
logoText="Digital Momentum"
|
|
copyrightText="© 2025 Digital Momentum. All rights reserved."
|
|
columns={footerColumns}
|
|
ariaLabel="Site footer"
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |