bender/2729435b-cda5-4aff-b8f0-e44ffa59f702
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/services/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-23 05:11:34 +00:00
parent c72dee2cdd
commit 0cacf5aa55
1 changed files with 59 additions and 115 deletions
Download Patch File Download Diff File Expand all files Collapse all files

174
src/app/services/page.tsx
View File

@@ -2,13 +2,12 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import { Code, MessageSquare, Phone, Rocket } from "lucide-react";
import { Layout, Smartphone, Mail, Globe, Zap, Palette } from "lucide-react";
export default function LandingPage() {
export default function ServicesPage() {
return (
<ThemeProvider
defaultButtonVariant="shift-hover"
@@ -23,119 +22,64 @@ export default function LandingPage() {
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="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="services-page" data-section="services-page">
<FeatureHoverPattern
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
features={[
{
icon: Code,
title: "Website Design",
description: "Professional business websites.",
},
{
icon: Rocket,
title: "Landing Pages",
description: "High-conversion landing pages.",
},
{
icon: Phone,
title: "Lead Systems",
description: "Call-generating inquiry systems.",
},
{
icon: MessageSquare,
title: "AI Chat",
description: "Automated engagement bots.",
},
]}
title="Our Services"
description="We specialize in high-converting web solutions."
/>
</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="faq" data-section="faq">
<FaqDouble
textboxLayout="default"
useInvertedBackground={false}
title="Common Questions"
description="Find out how we work."
faqsAnimation="slide-up"
faqs={[
{
id: "f1",
title: "How long does a site take?",
content: "Most projects are completed within 7-10 business days.",
},
{
id: "f2",
title: "What platforms do you use?",
content: "We use modern, fast, and SEO-optimized web tech.",
},
]}
/>
</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>
<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>
);
}
}