85 lines
4.5 KiB
TypeScript
85 lines
4.5 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
|
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import { Layout, Smartphone, Mail, Globe, Zap, Palette } from "lucide-react";
|
|
|
|
export default function ServicesPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="shift-hover"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="pill"
|
|
contentWidth="medium"
|
|
sizing="largeSmall"
|
|
background="grid"
|
|
cardStyle="gradient-radial"
|
|
primaryButtonStyle="diagonal-gradient"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="bold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{ name: "Home", id: "/" },
|
|
{ name: "Work", id: "/work" },
|
|
{ name: "Services", id: "/services" },
|
|
{ name: "Contact", id: "/contact" },
|
|
]}
|
|
brandName="KJ Web Studio"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTwentySix
|
|
title="Our Premium Digital Services"
|
|
description="We build high-performance digital infrastructure designed to convert visitors into loyal, paying customers for your local business."
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
title: "Custom Web Design", description: "Hand-crafted, professional website layouts tailored to your brand identity and industry standards.", buttonIcon: Palette,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/elegant-cozy-office-with-laptop-desk_23-2149636248.jpg"
|
|
},
|
|
{
|
|
title: "Mobile-First Development", description: "Fully responsive design that guarantees seamless functionality and stunning visuals across all mobile devices.", buttonIcon: Smartphone,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/side-view-barber-styling-beard-man_23-2147778888.jpg"
|
|
},
|
|
{
|
|
title: "Lead Generation Systems", description: "Strategic integration of high-converting contact forms, click-to-call buttons, and automated capture systems.", buttonIcon: Mail,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/woman-working-as-engineer_23-2148836115.jpg"
|
|
},
|
|
{
|
|
title: "Search Engine Optimization", description: "Core technical SEO implementation to improve your local search visibility and attract more nearby traffic.", buttonIcon: Globe,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-women-s-haircut_1150-5885.jpg"
|
|
},
|
|
{
|
|
title: "High-Speed Hosting", description: "Lightning-fast load times that keep visitors engaged and improve your site's performance and ranking.", buttonIcon: Zap,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/top-view-builder-desk-with-tablet-mock-up_23-2148269846.jpg"
|
|
},
|
|
{
|
|
title: "Content Management", description: "User-friendly administration interfaces so you can easily update your services, offers, and contact information.", buttonIcon: Layout,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/african-american-woman-applying-hairdresser-hairstylist-beauty-saloon_627829-4642.jpg"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterSimple
|
|
columns={[
|
|
{ title: "Company", items: [{ label: "About", href: "/about" }, { label: "Contact", href: "/contact" }] },
|
|
{ title: "Services", items: [{ label: "Design", href: "/services" }, { label: "Leads", href: "/services" }] },
|
|
]}
|
|
bottomLeftText="© 2024 KJ Web Studio"
|
|
bottomRightText="kjwebstudio@outlook.com"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |