Add src/app/services/page.tsx

src/app/page.tsx

@@ -11,7 +11,7 @@ import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
 import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
-import { Code, Globe, Laptop, Smartphone, ThumbsUp, Wrench } from "lucide-react";
+import { Code, Globe, Laptop, Smartphone, ThumbsUp, Wrench, ShieldCheck, Zap, Cpu, Monitor, Wifi, Database, Server, SmartphoneCharging } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -87,18 +87,21 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={true}
       features={[
-        {
-          icon: Smartphone,
-          title: "Mobile Repairs",          description: "Screen replacement, battery swaps, and water damage recovery."},
-        {
-          icon: Laptop,
-          title: "Laptop Maintenance",          description: "System upgrades, screen repairs, and hardware diagnostics."},
-        {
-          icon: Globe,
-          title: "Web Development",          description: "Custom websites and web apps built for growth and performance."},
+        { icon: Smartphone, title: "Mobile Display Repair", description: "High-quality screen replacements for all modern smartphones." },
+        { icon: Laptop, title: "OS Optimization", description: "Deep-cleaning your laptop software for peak performance." },
+        { icon: Globe, title: "Full-stack Web Dev", description: "Building complete digital ecosystems for your business." },
+        { icon: ShieldCheck, title: "Security Patching", description: "Keeping your software environments safe and updated." },
+        { icon: Zap, title: "Battery Replacement", description: "Prolong your device life with genuine battery swaps." },
+        { icon: Cpu, title: "Hardware Upgrades", description: "RAM and Storage expansions for faster processing power." },
+        { icon: Monitor, title: "Desktop Servicing", description: "Complete maintenance for desktop systems and towers." },
+        { icon: Wifi, title: "Connectivity Repair", description: "Solving networking and signal hardware issues." },
+        { icon: Database, title: "Data Backup & Recovery", description: "Safeguarding your critical information assets." },
+        { icon: Server, title: "Server Maintenance", description: "Infrastructure support for small business servers." },
+        { icon: SmartphoneCharging, title: "Charging Port Repair", description: "Restoring power connectivity for mobile devices." },
+        { icon: Wrench, title: "Precision Soldering", description: "Expert micro-soldering for intricate board issues." }
       ]}
-      title="Our Specialized Services"
-      description="High-quality solutions tailored for your individual and professional tech needs."
+      title="Our Expanded Services"
+      description="Our service list now covers over 100 specialized technical solutions for hardware and software needs."
     />
   </div>
 

src/app/services/page.tsx

@@ -0,0 +1,101 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+import { Smartphone, Laptop, Globe } from "lucide-react";
+
+export default function ServicesPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="text-stagger"
+        defaultTextAnimation="reveal-blur"
+        borderRadius="soft"
+        contentWidth="medium"
+        sizing="mediumLargeSizeLargeTitles"
+        background="grid"
+        cardStyle="gradient-mesh"
+        primaryButtonStyle="primary-glow"
+        secondaryButtonStyle="glass"
+        headingFontWeight="semibold"
+    >
+      <ReactLenis root>
+        <NavbarStyleCentered
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "Services", id: "/services" },
+            { name: "Testimonials", id: "/#testimonials" },
+            { name: "Contact", id: "/#contact" },
+          ]}
+          brandName="C&D Multitech"
+        />
+        
+        <div className="pt-32 pb-16">
+          <FeatureHoverPattern
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            features={[
+                { icon: Smartphone, title: "Mobile Screen Replacement", description: "High-quality glass and digitizer repair." },
+                { icon: Smartphone, title: "Battery Replacement", description: "Long-lasting batteries for all models." },
+                { icon: Smartphone, title: "Charging Port Repair", description: "Fixing loose or damaged charging ports." },
+                { icon: Smartphone, title: "Water Damage Recovery", description: "Deep cleaning and board-level repair." },
+                { icon: Smartphone, title: "Camera Lens Repair", description: "Restoring crystal clear mobile photography." },
+                { icon: Smartphone, title: "Software Troubleshooting", description: "Boot loop and OS repair services." },
+                { icon: Smartphone, title: "Speaker Repair", description: "Clear sound restoration for your calls." },
+                { icon: Smartphone, title: "Microphone Repair", description: "Fixing audio input issues effectively." },
+                { icon: Smartphone, title: "Button Repair", description: "Physical power and volume key fixes." },
+                { icon: Smartphone, title: "Signal Issues", description: "Fixing antenna and connectivity problems." },
+                { icon: Smartphone, title: "Back Glass Repair", description: "Premium replacement for cracked back glass." },
+                { icon: Laptop, title: "Laptop Screen Replacement", description: "HD and 4K display panel replacements." },
+                { icon: Laptop, title: "SSD Upgrade", description: "Significant speed boosts for old systems." },
+                { icon: Laptop, title: "RAM Upgrade", description: "Expanding memory for multitasking performance." },
+                { icon: Laptop, title: "Keyboard Replacement", description: "Full keyboard swaps for sticky keys." },
+                { icon: Laptop, title: "Trackpad Repair", description: "Precision trackpad replacement and calibration." },
+                { icon: Laptop, title: "Fan Cleaning", description: "Removing dust to prevent overheating." },
+                { icon: Laptop, title: "Thermal Paste Replacement", description: "Regulating CPU temps for longevity." },
+                { icon: Laptop, title: "Hinge Repair", description: "Strengthening weakened laptop hinges." },
+                { icon: Laptop, title: "OS Reinstallation", description: "Clean slate software environment setup." },
+                { icon: Laptop, title: "Motherboard Repair", description: "Complex logic board repair for laptops." },
+                { icon: Laptop, title: "Data Recovery", description: "Professional file restoration from dead drives." },
+                { icon: Globe, title: "Website Design", description: "Modern and responsive aesthetic layouts." },
+                { icon: Globe, title: "E-commerce Development", description: "Building secure online shopping stores." },
+                { icon: Globe, title: "SEO Optimization", description: "Boosting your site visibility on search engines." },
+                { icon: Globe, title: "CMS Integration", description: "Easy content management for your site." },
+                { icon: Globe, title: "API Integration", description: "Seamless connection to third-party services." },
+                { icon: Globe, title: "Landing Page Creation", description: "Conversion-focused pages for marketing." },
+                { icon: Globe, title: "Performance Tuning", description: "Making your website lightning-fast." },
+                { icon: Globe, title: "Domain & Hosting", description: "Reliable infrastructure management for sites." },
+                { icon: Globe, title: "Web Maintenance", description: "Keeping your site secure and updated." },
+                { icon: Globe, title: "Frontend Development", description: "Custom React-based interface designs." },
+                { icon: Globe, title: "Backend Development", description: "Robust database and server architecture." },
+            ]}
+            title="Full Services Catalog"
+            description="Explore our comprehensive range of expert technical services."
+          />
+        </div>
+
+        <FooterLogoEmphasis
+          columns={[
+            {
+              items: [
+                { label: "Home", href: "/" },
+                { label: "Services", href: "/services" },
+                { label: "Contact", href: "/#contact" },
+              ],
+            },
+            {
+              items: [
+                { label: "Privacy Policy", href: "#" },
+                { label: "Terms of Service", href: "#" },
+              ],
+            },
+          ]}
+          logoText="C&D Multitech"
+        />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}