Merge version_1 into main

Merge version_1 into main

src/app/page.tsx

@@ -11,13 +11,22 @@ import ContactText from "@/components/sections/contact/ContactText";
 import FooterBase from "@/components/sections/footer/FooterBase";
 import { ShieldCheck, Clock, Percent, AlertTriangle, Star } from "lucide-react";
 
-const navItems = [{ name: "Home", id: "/" }];
-
 export default function Page() {
   return (
-    <ThemeProvider>
+    <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="Jan General Services" />
+        <NavbarStyleCentered brandName="Jan General Services" navItems={[{ name: "Home", id: "/" }]} />
       </div>
       <div id="hero" data-section="hero">
         <HeroSplitKpi 
@@ -36,10 +45,13 @@ export default function Page() {
       </div>
       <div id="about" data-section="about">
         <MetricSplitMediaAbout 
+            useInvertedBackground={false}
             title="Built on Integrity, Skill, and Service"
             description="Jan General Services LLC delivers high-quality home repair services with unmatched communication and integrity."
             metrics={[{ value: "100%", title: "Customer Satisfaction" }, { value: "24/7", title: "Service Availability" }, { value: "500+", title: "Homes Serviced" }]}
             imageSrc="http://img.b2bpic.net/free-photo/workers-having-little-chat-while-having-cup-coffee_329181-15675.jpg"
+            mediaAnimation="slide-up"
+            metricsAnimation="slide-up"
         />
       </div>
       <div id="features" data-section="features">
@@ -61,11 +73,13 @@ export default function Page() {
             description="Experience excellence with our dedicated team of professionals."
             animationType="slide-up"
             textboxLayout="default"
+            useInvertedBackground={false}
             metrics={[{ id: "m1", value: "Fast", title: "Same-day Service", items: ["Prompt response", "Urgent dispatch", "Minimized wait times"] }, { id: "m2", value: "Honest", title: "Transparent Pricing", items: ["Clear estimates", "No hidden fees", "Competitive value"] }, { id: "m3", value: "Reliable", title: "Warranty Approved", items: ["Major brand partners", "Certified workmanship", "Guaranteed results"] }]}
         />
       </div>
       <div id="testimonials" data-section="testimonials">
         <TestimonialCardFifteen 
+            useInvertedBackground={true}
             testimonial="Completed the job 1000% better than expected—excellent communication and skill."
             rating={5}
             author="Jihoon P."
@@ -80,12 +94,14 @@ export default function Page() {
             description="Common answers to your home repair questions."
             textboxLayout="split"
             faqsAnimation="slide-up"
+            useInvertedBackground={false}
             imageSrc="http://img.b2bpic.net/free-photo/female-male-workers-wearing-work-clothes_273609-11132.jpg"
             faqs={[{ id: "q1", title: "Do you offer emergency services?", content: "Yes, we provide 24/7 support for all urgent plumbing and electrical issues." }, { id: "q2", title: "Are your technicians insured?", content: "Absolutely. All our technicians are fully licensed and insured for your peace of mind." }, { id: "q3", title: "How do I get an estimate?", content: "Contact us today for a transparent, no-obligation assessment of your project." }]}
         />
       </div>
       <div id="contact" data-section="contact">
         <ContactText 
+            useInvertedBackground={true}
             background={{ variant: "rotated-rays-static" }}
             text="Ready to get started? Our team is standing by to help with your home service needs."
             buttons={[{ text: "Book a Technician", href: "#" }]}