Merge version_2 into main

Merge version_2 into main

src/app/about-us/page.tsx

@@ -0,0 +1,37 @@
+"use client";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import TextAbout from '@/components/sections/about/TextAbout';
+
+export default function AboutUsPage() {
+  const navItems = [
+    { name: "Home", id: "/" },
+    { name: "Schedule Service", id: "/schedule-service" },
+    { name: "About Us", id: "/about-us" },
+    { name: "Learn More", id: "/learn-more" },
+  ];
+  return (
+    <ThemeProvider 
+      defaultButtonVariant="text-stagger" 
+      defaultTextAnimation="entrance-slide" 
+      borderRadius="rounded" 
+      contentWidth="medium" 
+      sizing="medium" 
+      background="circleGradient" 
+      cardStyle="glass-elevated" 
+      primaryButtonStyle="gradient" 
+      secondaryButtonStyle="glass" 
+      headingFontWeight="normal"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarStyleCentered navItems={navItems} brandName="Tim Scholl Plumbing" />
+      </div>
+      <div id="about" data-section="about">
+        <TextAbout 
+            title="About Tim Scholl Plumbing"
+            useInvertedBackground={false}
+        />
+      </div>
+    </ThemeProvider>
+  );
+}

src/app/learn-more/page.tsx

@@ -0,0 +1,41 @@
+"use client";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
+
+export default function LearnMorePage() {
+  const navItems = [
+    { name: "Home", id: "/" },
+    { name: "Schedule Service", id: "/schedule-service" },
+    { name: "About Us", id: "/about-us" },
+    { name: "Learn More", id: "/learn-more" },
+  ];
+  return (
+    <ThemeProvider 
+      defaultButtonVariant="text-stagger" 
+      defaultTextAnimation="entrance-slide" 
+      borderRadius="rounded" 
+      contentWidth="medium" 
+      sizing="medium" 
+      background="circleGradient" 
+      cardStyle="glass-elevated" 
+      primaryButtonStyle="gradient" 
+      secondaryButtonStyle="glass" 
+      headingFontWeight="normal"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarStyleCentered navItems={navItems} brandName="Tim Scholl Plumbing" />
+      </div>
+      <div id="features" data-section="features">
+        <FeatureHoverPattern 
+            title="Why Choose Us?"
+            description="Quality plumbing services that make a difference."
+            features={[]}
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+        />
+      </div>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -28,22 +28,13 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleCentered
       navItems={[
-        {
-          name: "Home",
-          id: "home",
-        },
-        {
-          name: "Services",
-          id: "features",
-        },
-        {
-          name: "Reviews",
-          id: "testimonials",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
+        { name: "Home", id: "home" },
+        { name: "Services", id: "features" },
+        { name: "Reviews", id: "testimonials" },
+        { name: "Schedule Service", id: "/schedule-service" },
+        { name: "About Us", id: "/about-us" },
+        { name: "Learn More", id: "/learn-more" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="Tim Scholl Plumbing"
     />
@@ -51,20 +42,12 @@ export default function LandingPage() {
 
   <div id="home" data-section="home">
       <HeroBillboardScroll
-      background={{
-        variant: "plain",
-      }}
+      background={{ variant: "plain" }}
       title="Reliable Plumbing Services for Your Home"
       description="Professional, honest, and timely plumbing repairs. Tim Scholl Plumbing goes above and beyond to ensure your home systems run perfectly."
       buttons={[
-        {
-          text: "Schedule Service",
-          href: "#contact",
-        },
-        {
-          text: "Learn More",
-          href: "#features",
-        },
+        { text: "Schedule Service", href: "/schedule-service" },
+        { text: "Learn More", href: "/learn-more" },
       ]}
       imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C3WOaqvHbBjrWeEJBi6SMXC1Cz/uploaded-1775615225639-tcjrrwmm.png"
       imageAlt="Tim Scholl Plumbing technician working on pipe"
@@ -77,24 +60,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       features={[
-        {
-          title: "Drain Cleaning",
-          description: "Quick, professional solutions for slow-moving or clogged household drains.",
-          imageSrc: "http://img.b2bpic.net/free-photo/white-kitchen-sink-faucet-close-up_58702-2359.jpg",
-          imageAlt: "Drain cleaning equipment",
-        },
-        {
-          title: "Garbage Disposal Repair",
-          description: "Reliable repair services to get your kitchen disposal running efficiently again.",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-with-question-gesture-plumber-looking-broken-faucet_259150-58296.jpg",
-          imageAlt: "Kitchen disposal unit",
-        },
-        {
-          title: "Emergency Repairs",
-          description: "Responsive plumbing assistance for urgent leaks or unexpected pipe issues.",
-          imageSrc: "http://img.b2bpic.net/free-photo/prosthetist-man-making-prosthetic-leg-while-working-laboratory_627829-7187.jpg",
-          imageAlt: "Emergency repair technician",
-        },
+        { title: "Drain Cleaning", description: "Quick, professional solutions for slow-moving or clogged household drains.", imageSrc: "http://img.b2bpic.net/free-photo/white-kitchen-sink-faucet-close-up_58702-2359.jpg", imageAlt: "Drain cleaning equipment" },
+        { title: "Garbage Disposal Repair", description: "Reliable repair services to get your kitchen disposal running efficiently again.", imageSrc: "http://img.b2bpic.net/free-photo/woman-with-question-gesture-plumber-looking-broken-faucet_259150-58296.jpg", imageAlt: "Kitchen disposal unit" },
+        { title: "Emergency Repairs", description: "Responsive plumbing assistance for urgent leaks or unexpected pipe issues.", imageSrc: "http://img.b2bpic.net/free-photo/prosthetist-man-making-prosthetic-leg-while-working-laboratory_627829-7187.jpg", imageAlt: "Emergency repair technician" },
       ]}
       title="Quality Plumbing You Can Trust"
       description="Offering a wide range of residential plumbing services designed to fix your issues fast and correctly the first time."
@@ -106,46 +74,8 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       testimonials={[
-        {
-          id: "1",
-          title: "Incredible Service",
-          quote: "Tim was absolutely amazing- very polite, understanding, responds right away.",
-          name: "Alura Richards",
-          role: "Homeowner",
-          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-attractive-dark-haired-latin-man-posing-kitchen_74855-7991.jpg",
-        },
-        {
-          id: "2",
-          title: "Above and Beyond",
-          quote: "He's a fabulous person and a great plumber. I can't recommend him enough!",
-          name: "Jennifer Lynch",
-          role: "Local Guide",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-making-v-with-her-fingers_1149-609.jpg",
-        },
-        {
-          id: "3",
-          title: "Quick Fix",
-          quote: "I had a slow moving drain. He was able to fix the same day. Very good experience.",
-          name: "Justin Wood",
-          role: "Homeowner",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-smiling_1187-3196.jpg",
-        },
-        {
-          id: "4",
-          title: "Affordable Quality",
-          quote: "How often can you say a plumber does great work and is affordable at the same time!",
-          name: "Daniel Soller",
-          role: "Homeowner",
-          imageSrc: "http://img.b2bpic.net/free-photo/sportive-senior-smiling-camera_23-2148297533.jpg",
-        },
-        {
-          id: "5",
-          title: "Honest Work",
-          quote: "Very wonderful services, nice honest plumber. Highly recommended.",
-          name: "Matt Marcou",
-          role: "Local Guide",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-family-having-fun_23-2148880351.jpg",
-        },
+        { id: "1", title: "Incredible Service", quote: "Tim was absolutely amazing- very polite, understanding, responds right away.", name: "Alura Richards", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-attractive-dark-haired-latin-man-posing-kitchen_74855-7991.jpg" },
+        { id: "2", title: "Above and Beyond", quote: "He's a fabulous person and a great plumber. I can't recommend him enough!", name: "Jennifer Lynch", role: "Local Guide", imageSrc: "http://img.b2bpic.net/free-photo/man-making-v-with-her-fingers_1149-609.jpg" },
       ]}
       title="Trusted by Local Homeowners"
       description="See why our customers consistently rate us for honesty, professionalism, and affordability."
@@ -157,21 +87,7 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       faqs={[
-        {
-          id: "q1",
-          title: "Do you offer same-day service?",
-          content: "Yes, we prioritize emergency and same-day requests whenever our schedule permits.",
-        },
-        {
-          id: "q2",
-          title: "Are you licensed and insured?",
-          content: "Absolutely. We maintain full licensing and insurance to ensure professional and safe service.",
-        },
-        {
-          id: "q3",
-          title: "How do I schedule an appointment?",
-          content: "You can reach out through our contact form or call us directly to schedule a convenient time.",
-        },
+        { id: "q1", title: "Do you offer same-day service?", content: "Yes, we prioritize emergency and same-day requests whenever our schedule permits." },
       ]}
       title="Frequently Asked Questions"
       description="Get quick answers to common plumbing service inquiries."
@@ -182,9 +98,7 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactCenter
       useInvertedBackground={true}
-      background={{
-        variant: "plain",
-      }}
+      background={{ variant: "plain" }}
       tag="Get in touch"
       title="Need a Reliable Plumber?"
       description="We're ready to help with your plumbing needs. Send us a message and we'll respond promptly."
@@ -195,32 +109,8 @@ export default function LandingPage() {
       <FooterBaseReveal
       logoText="Tim Scholl Plumbing"
       columns={[
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About",
-              href: "#",
-            },
-            {
-              label: "Services",
-              href: "#features",
-            },
-          ],
-        },
-        {
-          title: "Support",
-          items: [
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-          ],
-        },
+        { title: "Company", items: [{ label: "About Us", href: "/about-us" }, { label: "Services", href: "/features" }] },
+        { title: "Support", items: [{ label: "Contact", href: "/contact" }, { label: "Schedule", href: "/schedule-service" }] },
       ]}
       copyrightText="© 2024 Tim Scholl Plumbing. All rights reserved."
     />
@@ -228,4 +118,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/schedule-service/page.tsx

@@ -0,0 +1,42 @@
+"use client";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+
+export default function ScheduleServicePage() {
+  const navItems = [
+    { name: "Home", id: "/" },
+    { name: "Schedule Service", id: "/schedule-service" },
+    { name: "About Us", id: "/about-us" },
+    { name: "Learn More", id: "/learn-more" },
+  ];
+  return (
+    <ThemeProvider 
+      defaultButtonVariant="text-stagger" 
+      defaultTextAnimation="entrance-slide" 
+      borderRadius="rounded" 
+      contentWidth="medium" 
+      sizing="medium" 
+      background="circleGradient" 
+      cardStyle="glass-elevated" 
+      primaryButtonStyle="gradient" 
+      secondaryButtonStyle="glass" 
+      headingFontWeight="normal"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarStyleCentered navItems={navItems} brandName="Tim Scholl Plumbing" />
+      </div>
+      <div id="contact" data-section="contact">
+        <ContactSplitForm 
+            title="Schedule Your Service"
+            description="Tell us about your plumbing needs and we will get back to you."
+            inputs={[
+                { name: "name", type: "text", placeholder: "Full Name" },
+                { name: "email", type: "email", placeholder: "Email Address" }
+            ]}
+            useInvertedBackground={false}
+        />
+      </div>
+    </ThemeProvider>
+  );
+}