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,30 +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={[]}
       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>
 
@@ -84,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>
 
@@ -117,35 +115,35 @@ export default function LandingPage() {
       plans={[
         {
           id: "standard",          badge: "STANDARD DETAIL",          badgeIcon: Sparkles,
-          price: "Starting at $179",          subtitle: "Best for regular maintenance.",          buttons: [
+          price: "Starting at $129",          subtitle: "Best for regular maintenance.",          buttons: [
             {
               text: "Book Standard",              href: "#contact"
             },
           ],
           features: [
-            "Full interior and exterior clean",            "Vacuum, wipe-down, windows, wash",            "Light dirt and salt removal",            "*Final price depends on vehicle size and condition."
+            "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: "enhanced",          badge: "ENHANCED DETAIL",          badgeIcon: Shield,
-          price: "Starting at $219",          subtitle: "Most popular, best value for most vehicles.",          buttons: [
+          price: "Starting at $199",          subtitle: "Most popular, best value for most vehicles.",          buttons: [
             {
               text: "Book Enhanced",              href: "#contact"
             },
           ],
           features: [
-            "Every perk from Standard detail",            "Deeper interior cleaning (seats, carpets, buildup, and grime)",            "More detailed exterior finish and shine",            "*Final price depends on vehicle size and condition."
+            "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: "deep",          badge: "DEEP DETAIL",          badgeIcon: Award,
-          price: "Starting at $289",          subtitle: "Best for heavily used or very dirty cars.",          buttons: [
+          price: "Starting at $249",          subtitle: "Best for heavily used or very dirty cars.",          buttons: [
             {
               text: "Book Deep",              href: "#contact"
             },
           ],
           features: [
-            "Everything in Enhanced",            "Heavy stain removal + deep extraction",            "Full interior reset + high detailed finish",            "*Final price depends on vehicle size and condition."
+            "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."
           ],
         },
       ]}

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