Add src/app/services/page.tsx

Merge version_2 into main

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 (
@@ -32,21 +32,13 @@ export default function LandingPage() {
       <NavbarStyleCentered
       navItems={[
         {
-          name: "Home",
-          id: "#hero",
-        },
+          name: "Home",          id: "#hero"},
         {
-          name: "Services",
-          id: "#services",
-        },
+          name: "Services",          id: "#services"},
         {
-          name: "Testimonials",
-          id: "#testimonials",
-        },
+          name: "Testimonials",          id: "#testimonials"},
         {
-          name: "Contact",
-          id: "#contact",
-        },
+          name: "Contact",          id: "#contact"},
       ]}
       brandName="C&D Multitech"
     />
@@ -55,42 +47,27 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroBillboardCarousel
       background={{
-        variant: "gradient-bars",
-      }}
+        variant: "gradient-bars"}}
       title="Precision Repair & Digital Excellence"
       description="C&D Multitech delivers expert mobile phone and laptop repairs alongside professional web development solutions. Your tech, our expertise."
       tag="Your Local Tech Experts"
       buttons={[
         {
-          text: "Get a Quote",
-          href: "#contact",
-        },
+          text: "Get a Quote",          href: "#contact"},
       ]}
       mediaItems={[
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/team-cybercriminals-fixing-computer-system-cyberattack_482257-90449.jpg",
-          imageAlt: "Tech repair and development workspace",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/team-cybercriminals-fixing-computer-system-cyberattack_482257-90449.jpg",          imageAlt: "Tech repair and development workspace"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/male-technician-working-computer-ram_23-2147923491.jpg",
-          imageAlt: "Tech repair and development workspace",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/male-technician-working-computer-ram_23-2147923491.jpg",          imageAlt: "Tech repair and development workspace"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/male-technician-inserting-chip-computer-motherboard-wooden-desk_23-2147923518.jpg",
-          imageAlt: "Tech repair and development workspace",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/male-technician-inserting-chip-computer-motherboard-wooden-desk_23-2147923518.jpg",          imageAlt: "Tech repair and development workspace"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/luxurious-business-environment-used-corporate-culture-industry_482257-125612.jpg",
-          imageAlt: "Tech repair and development workspace",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/luxurious-business-environment-used-corporate-culture-industry_482257-125612.jpg",          imageAlt: "Tech repair and development workspace"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/young-male-technician-working-computer-ram_23-2147922333.jpg",
-          imageAlt: "Tech repair and development workspace",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/young-male-technician-working-computer-ram_23-2147922333.jpg",          imageAlt: "Tech repair and development workspace"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/male-technician-repairing-computer-motherboard-wooden-desk_23-2147923493.jpg",
-          imageAlt: "Tech repair and development workspace",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/male-technician-repairing-computer-motherboard-wooden-desk_23-2147923493.jpg",          imageAlt: "Tech repair and development workspace"},
       ]}
     />
   </div>
@@ -100,10 +77,7 @@ export default function LandingPage() {
       useInvertedBackground={false}
       title="Why Choose C&D Multitech?"
       description={[
-        "We combine decades of experience in hardware repair with modern software development techniques.",
-        "Our mission is to keep your devices running smoothly and your digital footprint expanding through high-end web services.",
-        "Trusted by locals for quality, speed, and integrity in every job we handle.",
-      ]}
+        "We combine decades of experience in hardware repair with modern software development techniques.",        "Our mission is to keep your devices running smoothly and your digital footprint expanding through high-end web services.",        "Trusted by locals for quality, speed, and integrity in every job we handle."]}
     />
   </div>
 
@@ -113,24 +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>
 
@@ -142,25 +113,13 @@ export default function LandingPage() {
       useInvertedBackground={false}
       metrics={[
         {
-          id: "m1",
-          value: "1,500+",
-          title: "Devices Repaired",
-          description: "Phones and laptops brought back to life.",
-          icon: Wrench,
+          id: "m1",          value: "1,500+",          title: "Devices Repaired",          description: "Phones and laptops brought back to life.",          icon: Wrench,
         },
         {
-          id: "m2",
-          value: "200+",
-          title: "Websites Built",
-          description: "Digital platforms launched successfully.",
-          icon: Code,
+          id: "m2",          value: "200+",          title: "Websites Built",          description: "Digital platforms launched successfully.",          icon: Code,
         },
         {
-          id: "m3",
-          value: "99%",
-          title: "Satisfaction Rate",
-          description: "Our customers love our quality of work.",
-          icon: ThumbsUp,
+          id: "m3",          value: "99%",          title: "Satisfaction Rate",          description: "Our customers love our quality of work.",          icon: ThumbsUp,
         },
       ]}
       title="Our Impact in Numbers"
@@ -176,45 +135,20 @@ export default function LandingPage() {
       useInvertedBackground={true}
       testimonials={[
         {
-          id: "1",
-          name: "John Doe",
-          role: "Photographer",
-          company: "Independent",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/man-using-mobile-phone-cafe_1170-678.jpg",
-        },
+          id: "1",          name: "John Doe",          role: "Photographer",          company: "Independent",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/man-using-mobile-phone-cafe_1170-678.jpg"},
         {
-          id: "2",
-          name: "Jane Smith",
-          role: "Director",
-          company: "GrowthCo",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/multiethnic-colleagues-greeting-each-other-with-fist-bump-corporate-space-office-friends-saluting_482257-136232.jpg",
-        },
+          id: "2",          name: "Jane Smith",          role: "Director",          company: "GrowthCo",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/multiethnic-colleagues-greeting-each-other-with-fist-bump-corporate-space-office-friends-saluting_482257-136232.jpg"},
         {
-          id: "3",
-          name: "Alex Brown",
-          role: "Student",
-          company: "University",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-repairing-computer-chips_23-2150880962.jpg",
-        },
+          id: "3",          name: "Alex Brown",          role: "Student",          company: "University",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-repairing-computer-chips_23-2150880962.jpg"},
         {
-          id: "4",
-          name: "Lisa White",
-          role: "Manager",
-          company: "RetailCorp",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/pleased-middle-aged-man-wearing-white-t-shirt-with-tie-headphones-showing-thumb-up-isolated-pink-wall_141793-83651.jpg",
-        },
+          id: "4",          name: "Lisa White",          role: "Manager",          company: "RetailCorp",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/pleased-middle-aged-man-wearing-white-t-shirt-with-tie-headphones-showing-thumb-up-isolated-pink-wall_141793-83651.jpg"},
         {
-          id: "5",
-          name: "Robert Lee",
-          role: "Entrepreneur",
-          company: "TechStartup",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-with-mug-near-colleagues-with-blueprint_23-2147808074.jpg",
-        },
+          id: "5",          name: "Robert Lee",          role: "Entrepreneur",          company: "TechStartup",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/woman-with-mug-near-colleagues-with-blueprint_23-2147808074.jpg"},
       ]}
       title="Customer Stories"
       description="Hear what our clients say about our repair and development services."
@@ -227,20 +161,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "f1",
-          title: "How long do repairs take?",
-          content: "Most mobile phone repairs are completed within 2 hours. Laptops may take 1-3 business days.",
-        },
+          id: "f1",          title: "How long do repairs take?",          content: "Most mobile phone repairs are completed within 2 hours. Laptops may take 1-3 business days."},
         {
-          id: "f2",
-          title: "Do you offer warranties?",
-          content: "Yes, we provide a 90-day warranty on all parts and labor performed by our team.",
-        },
+          id: "f2",          title: "Do you offer warranties?",          content: "Yes, we provide a 90-day warranty on all parts and labor performed by our team."},
         {
-          id: "f3",
-          title: "Can you design a custom e-commerce site?",
-          content: "Absolutely! We specialize in custom web development including full e-commerce functionality.",
-        },
+          id: "f3",          title: "Can you design a custom e-commerce site?",          content: "Absolutely! We specialize in custom web development including full e-commerce functionality."},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/technician-wearing-headphones-inspecting-rackmounts-close-up_482257-113083.jpg"
       mediaAnimation="slide-up"
@@ -254,16 +179,13 @@ export default function LandingPage() {
       <ContactCTA
       useInvertedBackground={true}
       background={{
-        variant: "plain",
-      }}
+        variant: "plain"}}
       tag="Let's Talk"
       title="Get Started Today"
       description="Reach out to us for a free consultation or to book your device repair session."
       buttons={[
         {
-          text: "Contact Us",
-          href: "#",
-        },
+          text: "Start Your Project",          href: "#"},
       ]}
     />
   </div>
@@ -274,29 +196,19 @@ export default function LandingPage() {
         {
           items: [
             {
-              label: "Services",
-              href: "#services",
-            },
+              label: "Services",              href: "#services"},
             {
-              label: "Testimonials",
-              href: "#testimonials",
-            },
+              label: "Testimonials",              href: "#testimonials"},
             {
-              label: "FAQ",
-              href: "#faq",
-            },
+              label: "FAQ",              href: "#faq"},
           ],
         },
         {
           items: [
             {
-              label: "Privacy Policy",
-              href: "#",
-            },
+              label: "Privacy Policy",              href: "#"},
             {
-              label: "Terms of Service",
-              href: "#",
-            },
+              label: "Terms of Service",              href: "#"},
           ],
         },
       ]}
@@ -306,4 +218,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

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>
+  );
+}