Merge version_5 into main

Add src/app/services/page.tsx
2026-03-03 05:13:29 +00:00 · 2026-03-03 05:13:25 +00:00 · 2026-03-03 05:13:25 +00:00 · 2026-03-03 05:06:24 +00:00 · 2026-03-03 05:06:20 +00:00 · 2026-03-03 05:04:37 +00:00
3 changed files with 188 additions and 29 deletions
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,44 +1,23 @@
 import type { Metadata } from "next";
-import { Mulish } from "next/font/google";
 import { Inter } from "next/font/google";
+import "./styles/variables.css";
 import "./globals.css";
-import { ServiceWrapper } from "@/components/ServiceWrapper";
-import Tag from "@/tag/Tag";
-
-const mulish = Mulish({
-  variable: "--font-mulish",  subsets: ["latin"],
-});

 const inter = Inter({
  variable: "--font-inter",  subsets: ["latin"],
 });

 export const metadata: Metadata = {
-  title: "Go Green Detailing - Professional Eco-Friendly Car Detailing",  description: "Expert professional car detailing services using eco-friendly products. Exterior wash, interior detailing, ceramic coating, and more. Book your appointment today.",  keywords: "car detailing, auto detailing, ceramic coating, car wash, eco-friendly, professional detailing, paint protection",  openGraph: {
-    title: "Go Green Detailing - Professional Car Detailing Services",    description: "Expert vehicle detailing with eco-conscious practices. Premium services from exterior wash to ceramic coating.",    type: "website",    siteName: "Go Green Detailing",    images: [
-      {
-        url: "http://img.b2bpic.net/free-photo/young-man-washing-car-carwash-station-outdoor_651396-2004.jpg",        alt: "Professional car detailing service"},
-    ],
-  },
-  twitter: {
-    card: "summary_large_image",    title: "Go Green Detailing - Professional Car Detailing",    description: "Expert detailing services with environmental responsibility. Schedule your appointment now.",    images: ["http://img.b2bpic.net/free-photo/young-man-washing-car-carwash-station-outdoor_651396-2004.jpg"],
-  },
-};
+  title: "Go Green Detailing",  description: "Professional car detailing services"};

 export default function RootLayout({
  children,
-}: Readonly<{
+}: {
  children: React.ReactNode;
-}>) {
+}) {
  return (
-    <html lang="en" suppressHydrationWarning>
-      <ServiceWrapper>
-        <body
-          className={`${mulish.variable} ${inter.variable} antialiased`}
-        >
-          <Tag />
-          {children}
-        
+    <html lang="en">
+      <body className={inter.variable}>{children}
        <script
          dangerouslySetInnerHTML={{
            __html: `
@@ -1406,7 +1385,6 @@ export default function RootLayout({
          }}
        />
      </body>
-      </ServiceWrapper>
    </html>
  );
 }
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -8,6 +8,7 @@ import SplitAbout from "@/components/sections/about/SplitAbout";
 import ContactCenter from "@/components/sections/contact/ContactCenter";
 import TestimonialCardTwo from "@/components/sections/testimonial/TestimonialCardTwo";
 import FooterMedia from "@/components/sections/footer/FooterMedia";
+import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
 import { Wind, Shield, Sparkles, Zap, Award, CheckCircle, Star } from "lucide-react";

 export default function LandingPage() {
@@ -33,6 +34,7 @@ export default function LandingPage() {
            { name: "Testimonials", id: "testimonials" },
            { name: "Book Now", id: "contact" },
            { name: "Contact", id: "footer" },
+            { name: "Our Services", id: "/services" },
          ]}
          button={{ text: "Get Started", href: "contact" }}
        />
@@ -179,6 +181,26 @@ export default function LandingPage() {
        />
      </div>

+      <div id="contact-form" data-section="contact-form">
+        <ContactSplitForm
+          title="Get in Touch"
+          description="Have questions about our services? Fill out the form below and our team will get back to you within 24 hours."
+          inputs={[
+            { name: "name", type: "text", placeholder: "Full Name", required: true },
+            { name: "email", type: "email", placeholder: "Email Address", required: true },
+            { name: "phone", type: "tel", placeholder: "Phone Number", required: false },
+            { name: "service", type: "select", placeholder: "Service Type", required: true },
+          ]}
+          textarea={{ name: "message", placeholder: "Message", rows: 5, required: true }}
+          imageSrc="http://img.b2bpic.net/free-photo/young-man-washing-car-carwash-station-outdoor_651396-2004.jpg?_wi=7"
+          imageAlt="Contact us"
+          useInvertedBackground={false}
+          buttonText="Send Message"
+          mediaAnimation="slide-up"
+          mediaPosition="right"
+        />
+      </div>
+
      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="http://img.b2bpic.net/free-photo/young-man-washing-car-carwash-station-outdoor_651396-2004.jpg?_wi=6"
@@ -199,7 +221,7 @@ export default function LandingPage() {
                { label: "About Us", href: "#features" },
                { label: "Testimonials", href: "#testimonials" },
                { label: "Book Now", href: "#contact" },
-                { label: "Contact", href: "#contact" },
+                { label: "Contact", href: "#contact-form" },
              ],
            },
            {
--- a/src/app/services/page.tsx
+++ b/src/app/services/page.tsx
@@ -0,0 +1,159 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
+import FeatureHoverPattern from "@/components/sections/feature/featureHoverPattern/FeatureHoverPattern";
+import SplitAbout from "@/components/sections/about/SplitAbout";
+import ContactCenter from "@/components/sections/contact/ContactCenter";
+import FooterMedia from "@/components/sections/footer/FooterMedia";
+import { Wind, Shield, Sparkles, Zap, Award, CheckCircle } from "lucide-react";
+
+export default function ServicesPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="text-stagger"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="soft"
+      contentWidth="small"
+      sizing="largeSmall"
+      background="circleGradient"
+      cardStyle="layered-gradient"
+      primaryButtonStyle="flat"
+      secondaryButtonStyle="glass"
+      headingFontWeight="light"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarStyleCentered
+          brandName="Go Green Detailing"
+          navItems={[
+            { name: "Services", id: "/services" },
+            { name: "Why Us", id: "/" },
+            { name: "Testimonials", id: "/" },
+            { name: "Book Now", id: "contact" },
+            { name: "Contact", id: "footer" },
+          ]}
+          button={{ text: "Get Started", href: "contact" }}
+        />
+      </div>
+
+      <div id="services" data-section="services">
+        <FeatureHoverPattern
+          title="Our Professional Detailing Services"
+          description="We offer comprehensive vehicle care solutions tailored to your needs. Each service is performed with premium products and professional practices by our certified team."
+          tag="Complete Solutions"
+          tagIcon={Shield}
+          tagAnimation="slide-up"
+          features={[
+            {
+              icon: Wind,
+              title: "Exterior Wash & Dry",              description: "Professional pressure washing and hand drying to remove dirt and contaminants without damaging your paint. Uses pH-balanced soaps and microfiber techniques.",              button: { text: "Learn More" },
+            },
+            {
+              icon: Wind,
+              title: "Interior Detailing",              description: "Complete interior cleaning including vacuum, carpet shampooing, leather conditioning, and upholstery protection. We restore your cabin to pristine condition.",              button: { text: "Learn More" },
+            },
+            {
+              icon: Shield,
+              title: "Ceramic Coating",              description: "Advanced paint protection that repels water and UV rays, keeping your car looking showroom-fresh longer. Provides 2-5 years of protection.",              button: { text: "Learn More" },
+            },
+            {
+              icon: Sparkles,
+              title: "Paint Correction",              description: "Remove swirl marks and scratches to restore your vehicle's original shine and depth. Multi-stage process for optimal results.",              button: { text: "Learn More" },
+            },
+            {
+              icon: Zap,
+              title: "Engine Bay Cleaning",              description: "Safe and thorough engine compartment cleaning that maintains performance and extends engine life. Professional-grade techniques only.",              button: { text: "Learn More" },
+            },
+            {
+              icon: Award,
+              title: "PPF (Paint Protection Film)",              description: "Self-healing protective film applied to vulnerable areas. Protects from stone chips, scratches, and environmental contaminants.",              button: { text: "Learn More" },
+            },
+          ]}
+          textboxLayout="default"
+          animationType="slide-up"
+          useInvertedBackground={false}
+        />
+      </div>
+
+      <div id="why-us" data-section="why-us">
+        <SplitAbout
+          title="Why Choose Our Services?"
+          description="We're committed to delivering exceptional results. Our team of certified professionals uses only premium products and industry-leading techniques to ensure your vehicle receives the best care."
+          tag="Our Promise"
+          tagIcon={CheckCircle}
+          tagAnimation="slide-up"
+          bulletPoints={[
+            {
+              icon: Award,
+              title: "Certified Professionals",              description: "Our team holds industry certifications and continuously trains in the latest detailing techniques."},
+            {
+              icon: Zap,
+              title: "Premium Products",              description: "We use only the highest quality professional-grade products for superior results and durability."},
+            {
+              icon: Shield,
+              title: "Satisfaction Guarantee",              description: "100% satisfaction guarantee on all services with a commitment to customer excellence."},
+            {
+              icon: Sparkles,
+              title: "Quick Turnaround",              description: "Most services completed within 2-4 hours without compromising quality or attention to detail."},
+          ]}
+          imageSrc="http://img.b2bpic.net/free-photo/young-man-washing-car-carwash-station-outdoor_651396-2004.jpg?_wi=5"
+          imageAlt="Professional detailing team at work"
+          mediaAnimation="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          imagePosition="right"
+        />
+      </div>
+
+      <div id="contact" data-section="contact">
+        <ContactCenter
+          tag="Book Your Service"
+          tagIcon={Sparkles}
+          tagAnimation="slide-up"
+          title="Schedule Your Detailing Today"
+          description="Ready to give your vehicle the professional care it deserves? Get in touch with us to book your service and let our experts handle the rest."
+          background={{ variant: "animated-grid" }}
+          useInvertedBackground={false}
+          inputPlaceholder="Enter your email"
+          buttonText="Request Service"
+          termsText="We'll contact you within 24 hours to confirm your booking and discuss your specific needs."
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterMedia
+          imageSrc="http://img.b2bpic.net/free-photo/young-man-washing-car-carwash-station-outdoor_651396-2004.jpg?_wi=6"
+          imageAlt="Go Green Detailing footer image"
+          logoText="Go Green Detailing"
+          copyrightText="© 2025 Go Green Detailing. All rights reserved."
+          columns={[
+            {
+              title: "Services",              items: [
+                { label: "Exterior Wash", href: "#services" },
+                { label: "Interior Detailing", href: "#services" },
+                { label: "Ceramic Coating", href: "#services" },
+                { label: "Paint Protection", href: "#services" },
+              ],
+            },
+            {
+              title: "Company",              items: [
+                { label: "Home", href: "/" },
+                { label: "Services", href: "/services" },
+                { label: "Book Now", href: "#contact" },
+                { label: "Contact", href: "#contact" },
+              ],
+            },
+            {
+              title: "Support",              items: [
+                { label: "FAQ", href: "#" },
+                { label: "Privacy Policy", href: "#" },
+                { label: "Terms of Service", href: "#" },
+                { label: "Sitemap", href: "#" },
+              ],
+            },
+          ]}
+        />
+      </div>
+    </ThemeProvider>
+  );
+}
Author	SHA1	Message	Date
bender	9f5d3a3a0a	Merge version_5 into main Merge version_5 into main	2026-03-03 05:13:29 +00:00
bender	0a0bd965f9	Add src/app/services/page.tsx	2026-03-03 05:13:25 +00:00
bender	7e06d1ca1e	Update src/app/page.tsx	2026-03-03 05:13:25 +00:00
bender	ced8cc225f	Merge version_4 into main Merge version_4 into main	2026-03-03 05:06:24 +00:00
bender	d3d6315720	Update src/app/page.tsx	2026-03-03 05:06:20 +00:00
bender	272baf09b7	Merge version_4 into main Merge version_4 into main	2026-03-03 05:04:37 +00:00
bender	04e90d923d	Update src/app/page.tsx	2026-03-03 05:04:32 +00:00
bender	7ae988b5d0	Merge version_3 into main Merge version_3 into main	2026-03-03 04:56:08 +00:00
bender	92c46f45f8	Update src/app/layout.tsx	2026-03-03 04:56:03 +00:00
bender	b8d2827ae1	Merge version_2 into main Merge version_2 into main	2026-03-03 04:54:44 +00:00
bender	58d9f91ddc	Merge version_2 into main Merge version_2 into main	2026-03-03 04:44:46 +00:00
bender	2692d1cafd	Merge version_2 into main Merge version_2 into main	2026-03-03 04:44:12 +00:00
bender	9d48864ab0	Merge version_2 into main Merge version_2 into main	2026-03-03 04:37:57 +00:00