Update theme fonts

Merge version_9 into main

src/app/admin/dashboard/page.tsx

@@ -11,8 +11,8 @@ export default function AdminDashboardPage() {
         defaultButtonVariant="elastic-effect"
         defaultTextAnimation="entrance-slide"
         borderRadius="soft"
-        contentWidth="mediumLarge"
-        sizing="largeSmallSizeMediumTitles"
+        contentWidth="compact"
+        sizing="medium"
         background="circleGradient"
         cardStyle="gradient-bordered"
         primaryButtonStyle="flat"

src/app/appointments/page.tsx

@@ -12,8 +12,8 @@ export default function AppointmentsPage() {
         defaultButtonVariant="elastic-effect"
         defaultTextAnimation="entrance-slide"
         borderRadius="soft"
-        contentWidth="mediumLarge"
-        sizing="largeSmallSizeMediumTitles"
+        contentWidth="compact"
+        sizing="medium"
         background="circleGradient"
         cardStyle="gradient-bordered"
         primaryButtonStyle="flat"
@@ -25,13 +25,13 @@ export default function AppointmentsPage() {
           <NavbarStyleCentered
             navItems={[
               { name: "Home", id: "/" },
-              { name: "Services", id: "/#services" },
-              { name: "Why Us", id: "/#why-us" },
-              { name: "FAQ", id: "/#faq" },
+              { name: "Services", id: "#services" },
+              { name: "Why Us", id: "#why-us" },
+              { name: "FAQ", id: "#faq" },
               { name: "Appointments", id: "/appointments" }
             ]}
             button={{
-              text: "Schedule Now",              href: "/#contact"
+              text: "Schedule Now",              href: "/schedule"
             }}
             brandName="Detail Pros"
           />

src/app/blackout-times/page.tsx

@@ -12,8 +12,8 @@ export default function BlackoutTimesPage() {
         defaultButtonVariant="elastic-effect"
         defaultTextAnimation="entrance-slide"
         borderRadius="soft"
-        contentWidth="mediumLarge"
-        sizing="largeSmallSizeMediumTitles"
+        contentWidth="compact"
+        sizing="medium"
         background="circleGradient"
         cardStyle="gradient-bordered"
         primaryButtonStyle="flat"
@@ -25,18 +25,20 @@ export default function BlackoutTimesPage() {
             <NavbarStyleCentered
             navItems={[
               {
-                name: "Home",                id: "home"},
+                name: "Home",                id: "/"},
               {
-                name: "Services",                id: "services"},
+                name: "Services",                id: "#services"},
               {
-                name: "Why Us",                id: "why-us"},
+                name: "Why Us",                id: "#why-us"},
               {
-                name: "FAQ",                id: "faq"},
+                name: "FAQ",                id: "#faq"},
               {
-                name: "Manage Availability",                id: "blackout-times"}
+                name: "Appointments",                id: "/appointments"},
+              {
+                name: "Manage Availability",                id: "/blackout-times"}
             ]}
             button={{
-              text: "Schedule Now",              href: "#contact"}}
+              text: "Schedule Now",              href: "/schedule"}}
             brandName="Detail Pros"
           />
         </div>

src/app/layout.tsx

@@ -7,6 +7,7 @@ import { ServiceWrapper } from "@/components/ServiceWrapper";
 import Tag from "@/tag/Tag";
 import { getVisualEditScript } from "@/utils/visual-edit-script";
 import { Manrope } from "next/font/google";
+import { Open_Sans } from "next/font/google";
 
 
 
@@ -41,8 +42,13 @@ export const metadata: Metadata = {
   },
 };
 
-const manrope = Manrope({
-  variable: "--font-manrope",
+
+const inter = Inter({
+  variable: "--font-inter",
+  subsets: ["latin"],
+});
+const openSans = Open_Sans({
+  variable: "--font-open-sans",
   subsets: ["latin"],
 });
 
@@ -54,7 +60,7 @@ export default function RootLayout({
   return (
     <html lang="en" suppressHydrationWarning>
       <ServiceWrapper>
-        <body className={`${manrope.variable} antialiased`}>
+        <body className={`${inter.variable} ${openSans.variable} antialiased`}>
           <Tag />
           {children}
           <script

src/app/page.tsx

@@ -4,7 +4,7 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
-import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
+import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
 import FooterCard from '@/components/sections/footer/FooterCard';
 import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
 import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
@@ -18,8 +18,8 @@ export default function LandingPage() {
         defaultButtonVariant="elastic-effect"
         defaultTextAnimation="entrance-slide"
         borderRadius="soft"
-        contentWidth="mediumLarge"
-        sizing="largeSmallSizeMediumTitles"
+        contentWidth="compact"
+        sizing="medium"
         background="circleGradient"
         cardStyle="gradient-bordered"
         primaryButtonStyle="flat"
@@ -31,18 +31,20 @@ export default function LandingPage() {
       <NavbarStyleCentered
       navItems={[
         {
-          name: "Home",          id: "home"},
+          name: "Home",          id: "/"},
         {
-          name: "Services",          id: "services"},
+          name: "Services",          id: "#services"},
         {
-          name: "Why Us",          id: "why-us"},
+          name: "Why Us",          id: "#why-us"},
         {
-          name: "FAQ",          id: "faq"},
+          name: "FAQ",          id: "#faq"},
         {
-          name: "Manage Availability",          id: "blackout-times"}
+          name: "Appointments",          id: "/appointments"},
+        {
+          name: "Manage Availability",          id: "/blackout-times"}
       ]}
       button={{
-        text: "Schedule Now",        href: "#contact"}}
+        text: "Schedule Now",        href: "/schedule"}}
       brandName="Detail Pros"
     />
   </div>
@@ -52,46 +54,21 @@ export default function LandingPage() {
       useInvertedBackground={false}
       background={{
         variant: "plain"}}
-      title="Shine Brighter with Detail Pros - Your Car, Our Passion."
+      title="Upper Valley Detail"
       description="Experience top-tier car detailing by dedicated local high school students. We guarantee meticulous attention to every detail, ensuring your vehicle looks its absolute best, every time."
-      testimonials={[
-        {
-          name: "Sarah J.",          handle: "@HappyDriver",          testimonial: "My car hasn't looked this good since I bought it! The students were incredibly thorough and professional. Highly recommend Detail Pros!",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12690.jpg?_wi=1"},
-        {
-          name: "Mark T.",          handle: "@CleanRide",          testimonial: "The attention to detail was outstanding. They really took their time and made sure every inch of my car was spotless. Fantastic work!",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-working-as-nurse_23-2151061623.jpg?_wi=1"},
-        {
-          name: "Emily R.",          handle: "@ShinyCar",          testimonial: "So impressed by the dedication of these students. My car feels brand new, and the price was unbeatable for the quality. Will definitely be a repeat customer.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-overjoyed-woman-rejoicing-her-success_74855-3513.jpg?_wi=1"},
-        {
-          name: "David K.",          handle: "@LocalSupporter",          testimonial: "It's great to support local students doing such high-quality work. They were polite, efficient, and my car looks showroom ready. Excellent service!",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-cheerful-teenage-girl-sitting-cafe_1262-3048.jpg?_wi=1"},
-        {
-          name: "Jessica L.",          handle: "@DetailFan",          testimonial: "From the wheels to the interior, every part of my car was gleaming. Their 'guaranteed satisfaction' is no joke - they truly deliver!",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/headshot-attractive-young-redhead-female-with-hair-bun-sitting-cafe-having-surprised-facial-expression_273609-9261.jpg?_wi=1"},
-      ]}
+      testimonials={[]}
       buttons={[
+        {
+          text: " I'm Interested",          href: "#contact"},
         {
           text: "View Services",          href: "#services"},
         {
-          text: "Book Now",          href: "#contact"},
+          text: "Book Now",          href: "#contact"}
       ]}
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/front-view-young-male-grey-t-shirt-posing-smiling_140725-27983.jpg",          alt: "Student avatar"},
-        {
-          src: "http://img.b2bpic.net/free-photo/attractive-young-woman-smiling_74855-2579.jpg",          alt: "Student avatar"},
-        {
-          src: "http://img.b2bpic.net/free-photo/happy-man-sitting-mat-outdoors_23-2147562273.jpg",          alt: "Student avatar"},
-        {
-          src: "http://img.b2bpic.net/free-photo/happy-african-young-lady-walking-outdoors_171337-15134.jpg",          alt: "Student avatar"},
-        {
-          src: "http://img.b2bpic.net/free-photo/cheerful-schoolgirl-carries-rucksack-notepads-digital-tablet-looks-into-distance-with-happy-expression-walks-campus-daytime-female-student-returns-from-university-education-concept_273609-59160.jpg",          alt: "Student avatar"},
-      ]}
-      avatarText="Meet the Team!"
+      avatars={[]}
       imageSrc="http://img.b2bpic.net/free-photo/high-angle-new-car-with-back-door-open_23-2148332892.jpg"
       mediaAnimation="opacity"
+      titleClassName="font-extrabold"
     />
   </div>
 
@@ -100,28 +77,33 @@ export default function LandingPage() {
       useInvertedBackground={false}
       heading={[
         {
-          type: "text",          content: "About Our Dedicated Student Team"},
+          type: "text",          content: "About our Young Team"
+        },
+        {
+          type: "text",          content: "We’re two young high school freshmen who take pride in delivering top-quality detailing with a personal touch. What sets us apart isn’t just our attention to detail—it’s the way we treat every client with honesty, respect, and care. We believe that great service starts with trust, which is why we never ask for payment until you’re completely satisfied with the results. Even at a young age, we’ve built a reputation for being reliable, hardworking, and genuinely passionate about what we do. Every car we work on gets our full effort, as if it were our own. We enjoy transforming vehicles and seeing the difference a clean, polished finish can make—not just for the car, but for its owner too. Our goal is simple: to provide a professional-level clean while building real connections with our customers. We’re always learning, improving, and pushing ourselves to be better with every job. When you choose us, you’re not just getting a service—you’re supporting two motivated students who care deeply about doing things the right way."
+        },
       ]}
+      headingClassName="text-xs text-white leading-relaxed max-w-xl mx-auto"
+      containerClassName="max-w-3xl mx-auto"
+      className="bg-[--primary-cta] p-8 rounded-lg"
     />
   </div>
 
   <div id="why-us" data-section="why-us">
-      <FeatureCardSix
+      <FeatureCardThree
       textboxLayout="default"
       useInvertedBackground={false}
       features={[
         {
-          id: 1,
-          title: "Precision Interior Detailing",          description: "From vacuuming every crumb to polishing surfaces and conditioning leather, we ensure your car's interior feels fresh and pristine.",          imageSrc: "http://img.b2bpic.net/free-photo/interior-modern-red-luxury-sport-car_181624-25467.jpg"},
+          id: "interior-detail",          title: "Precision Interior Detailing",          description: "From vacuuming every crumb to polishing surfaces and conditioning leather, we ensure your car's interior feels fresh and pristine.",          imageSrc: "http://img.b2bpic.net/free-photo/interior-modern-red-luxury-sport-car_181624-25467.jpg"},
         {
-          id: 2,
-          title: "Spotless Exterior Wash & Wax",          description: "Our exterior service includes a thorough wash, paint decontamination, wheel cleaning, tire dressing, and a durable wax for lasting shine and protection.",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-dusting_23-2149172885.jpg"},
-        {
-          id: 3,
-          title: "Engine Bay Revitalization",          description: "We carefully clean and dress your engine bay, removing grime and leaving it looking as good as new, enhancing your vehicle's overall presentation.",          imageSrc: "http://img.b2bpic.net/free-photo/mechanics-examining-car-engine_1170-1357.jpg"},
+          id: "exterior-wash-wax",          title: "Spotless Exterior Wash & Wax",          description: "Our exterior service includes a thorough wash, paint decontamination, wheel cleaning, tire dressing, and a durable wax for lasting shine and protection.",          imageSrc: "http://img.b2bpic.net/free-photo/car-polishing-process-washing_23-2149547517.jpg"},
       ]}
       title="Our Promise: Meticulous Care & Guaranteed Satisfaction"
       description="We don't just clean cars; we restore them. Our dedicated student team adheres to a strict detailing regimen, ensuring every crevice and surface shines with perfection. Your satisfaction is our top priority, and we stand by the quality of our work."
+      gridVariant="uniform-all-items-equal"
+      animationType="slide-up"
+      className="py-12 md:py-16"
     />
   </div>
 
@@ -132,35 +114,41 @@ export default function LandingPage() {
       useInvertedBackground={false}
       plans={[
         {
-          id: "bronze",          badge: "Basic Brilliance",          badgeIcon: Sparkles,
-          price: "$99",          subtitle: "Essential clean, inside and out.",          buttons: [
+          id: "standard",          badge: "STANDARD DETAIL",          badgeIcon: Sparkles,
+          price: "Starting at $129",          subtitle: "Best for regular maintenance.",          buttons: [
             {
-              text: "Book Bronze",              href: "#contact"},
+              text: "Book Standard",              href: "#contact"
+            },
           ],
           features: [
-            "Exterior wash & dry",            "Vacuum interior",            "Window cleaning",            "Tire dressing",            "Wipe down surfaces"],
+            "Full interior and exterior clean",            "Vacuum, wipe-down, windows, wash",            "Light dirt and salt removal",            "Price may be adjusted for extra large or exceptionally dirty vehicles."
+          ],
         },
         {
-          id: "silver",          badge: "Enhanced Clean",          badgeIcon: Shield,
-          price: "$149",          subtitle: "Deep clean with added protection.",          buttons: [
+          id: "enhanced",          badge: "ENHANCED DETAIL",          badgeIcon: Shield,
+          price: "Starting at $199",          subtitle: "Most popular, best value for most vehicles.",          buttons: [
             {
-              text: "Book Silver",              href: "#contact"},
+              text: "Book Enhanced",              href: "#contact"
+            },
           ],
           features: [
-            "Bronze package features",            "Hand wax application",            "Interior detail & polish",            "Door jam cleaning",            "Air freshener treatment"],
+            "Everything in Standard",            "Deeper interior cleaning (seats, carpets, buildup, and grime)",            "More detailed exterior finish and shine",            "Price may be adjusted for extra large or exceptionally dirty vehicles."
+          ],
         },
         {
-          id: "gold",          badge: "Ultimate Perfection",          badgeIcon: Award,
-          price: "$249",          subtitle: "Full rejuvenation, top to bottom.",          buttons: [
+          id: "deep",          badge: "DEEP DETAIL",          badgeIcon: Award,
+          price: "Starting at $249",          subtitle: "Best for heavily used or very dirty cars.",          buttons: [
             {
-              text: "Book Gold",              href: "#contact"},
+              text: "Book Deep",              href: "#contact"
+            },
           ],
           features: [
-            "Silver package features",            "Clay bar treatment",            "Leather conditioning",            "Engine bay detail",            "Fabric stain removal"],
+            "Everything in Enhanced",            "Heavy stain removal + deep extraction",            "Full interior reset + high detailed finish",            "Price may be adjusted for extra large or exceptionally dirty vehicles."
+          ],
         },
       ]}
       title="Flexible Tiers for Every Need"
-      description="Choose from our Bronze, Silver, or Gold packages, designed to give your car the perfect level of care. All tiers include our signature attention to detail and satisfaction guarantee."
+      description="Choose from our Standard, Enhanced, or Deep packages, designed to give your car the perfect level of care. All tiers include our signature attention to detail and satisfaction guarantee."
     />
   </div>
 

src/app/schedule/page.tsx

@@ -30,8 +30,8 @@ export default function SchedulePage() {
         defaultButtonVariant="elastic-effect"
         defaultTextAnimation="entrance-slide"
         borderRadius="soft"
-        contentWidth="mediumLarge"
-        sizing="largeSmallSizeMediumTitles"
+        contentWidth="compact"
+        sizing="medium"
         background="circleGradient"
         cardStyle="gradient-bordered"
         primaryButtonStyle="flat"
@@ -42,10 +42,12 @@ export default function SchedulePage() {
         <div id="nav" data-section="nav">
             <NavbarStyleCentered
             navItems={[
-                { name: "Home", id: "home" },
-                { name: "Services", id: "services" },
-                { name: "Why Us", id: "why-us" },
-                { name: "FAQ", id: "faq" }
+                { name: "Home", id: "/" },
+                { name: "Services", id: "#services" },
+                { name: "Why Us", id: "#why-us" },
+                { name: "FAQ", id: "#faq" },
+                { name: "Appointments", id: "/appointments" },
+                { name: "Manage Availability", id: "/blackout-times"}
             ]}
             button={{
                 text: "Schedule Now",                href: "/schedule"}}

src/app/styles/base.css

@@ -11,7 +11,7 @@ html {
 body {
   background-color: var(--background);
   color: var(--foreground);
-  font-family: var(--font-font-family: var(--font-manrope), sans-serif;), sans-serif;
+  font-family: var(--font-open-sans), sans-serif;), sans-serif;
   position: relative;
   min-height: 100vh;
   overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-font-family: var(--font-manrope), sans-serif;), sans-serif;
+  font-family: var(--font-inter), sans-serif;), sans-serif;
 }