Update src/app/styles/variables.css

Merge version_2 into main

src/app/page.tsx

@@ -31,14 +31,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingOverlay
       navItems={[
-        {
-          name: "About",          id: "about"},
-        {
-          name: "Services",          id: "services"},
-        {
-          name: "Portfolio",          id: "portfolio"},
-        {
-          name: "Contact",          id: "contact"},
+        { name: "About", id: "about"},
+        { name: "Services", id: "services"},
+        { name: "Portfolio", id: "portfolio"},
+        { name: "Contact", id: "contact"},
       ]}
       brandName="Doctor Paint"
     />
@@ -49,38 +45,20 @@ export default function LandingPage() {
       title="Bringing Your Vision to Life with Doctor Paint"
       description="Professional residential and commercial painting services committed to precision, quality, and a spotless finish. Your space deserves the Doctor's touch."
       testimonials={[
-        {
-          name: "Jane Doe",          handle: "@janedoe",          testimonial: "Excellent service and perfectly clean job. Highly recommend!",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/small-family-painting-apartment-walls-with-diy-tools-using-paintbrush-orange-color-paint-renovate-home-doing-housework-redecoration-interior-space-working-together_482257-48964.jpg"},
-        {
-          name: "John Smith",          handle: "@johnsmith",          testimonial: "The best painting team we have hired. Very professional.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-paints-wall-with-brush_1398-569.jpg"},
-        {
-          name: "Sarah Lee",          handle: "@sarahlee",          testimonial: "Transformative results! Professional from start to finish.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-making-plans-remodel-house_23-2148814633.jpg"},
-        {
-          name: "Mark Wilson",          handle: "@markwilson",          testimonial: "Attention to detail is unmatched. Great pricing.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-makes-repairs-home_1398-4267.jpg"},
-        {
-          name: "Emily Chen",          handle: "@emilychen",          testimonial: "Doctor Paint made our office look like brand new. Outstanding.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/elegant-couple-draws-art-studio_1157-30468.jpg"},
-      ]}
-      buttons={[
-        {
-          text: "Get a Quote",          href: "#contact"},
+        { name: "Jane Doe", handle: "@janedoe", testimonial: "Excellent service and perfectly clean job. Highly recommend!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/small-family-painting-apartment-walls-with-diy-tools-using-paintbrush-orange-color-paint-renovate-home-doing-housework-redecoration-interior-space-working-together_482257-48964.jpg"},
+        { name: "John Smith", handle: "@johnsmith", testimonial: "The best painting team we have hired. Very professional.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-paints-wall-with-brush_1398-569.jpg"},
+        { name: "Sarah Lee", handle: "@sarahlee", testimonial: "Transformative results! Professional from start to finish.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-making-plans-remodel-house_23-2148814633.jpg"},
+        { name: "Mark Wilson", handle: "@markwilson", testimonial: "Attention to detail is unmatched. Great pricing.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-makes-repairs-home_1398-4267.jpg"},
+        { name: "Emily Chen", handle: "@emilychen", testimonial: "Doctor Paint made our office look like brand new. Outstanding.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/elegant-couple-draws-art-studio_1157-30468.jpg"},
       ]}
+      buttons={[{ text: "Get a Quote", href: "#contact" }]}
       imageSrc="http://img.b2bpic.net/free-photo/full-shot-young-woman-working-with-paint-roller_23-2149328115.jpg"
       avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/young-man-holding-paint-paint-roller_23-2148384543.jpg",          alt: "Jane Doe"},
-        {
-          src: "http://img.b2bpic.net/free-photo/female-construction-worker-with-helmet-paint-roller_23-2148813403.jpg",          alt: "John Smith"},
-        {
-          src: "http://img.b2bpic.net/free-photo/tools-art-repairing-paint-space-text_185193-108858.jpg",          alt: "Sarah Lee"},
-        {
-          src: "http://img.b2bpic.net/free-photo/tools-art-repairing-paint-top-view_185193-108850.jpg",          alt: "Mark Wilson"},
-        {
-          src: "http://img.b2bpic.net/free-photo/smiley-woman-holding-paintbrush-bucket-new-home-decoration_23-2149086769.jpg",          alt: "Emily Chen"},
+        { src: "http://img.b2bpic.net/free-photo/young-man-holding-paint-paint-roller_23-2148384543.jpg", alt: "Jane Doe" },
+        { src: "http://img.b2bpic.net/free-photo/female-construction-worker-with-helmet-paint-roller_23-2148813403.jpg", alt: "John Smith" },
+        { src: "http://img.b2bpic.net/free-photo/tools-art-repairing-paint-space-text_185193-108858.jpg", alt: "Sarah Lee" },
+        { src: "http://img.b2bpic.net/free-photo/tools-art-repairing-paint-top-view_185193-108850.jpg", alt: "Mark Wilson" },
+        { src: "http://img.b2bpic.net/free-photo/smiley-woman-holding-paintbrush-bucket-new-home-decoration_23-2149086769.jpg", alt: "Emily Chen" },
       ]}
       avatarText="Join 500+ satisfied clients"
     />
@@ -90,17 +68,11 @@ export default function LandingPage() {
       <InlineImageSplitTextAbout
       useInvertedBackground={false}
       heading={[
-        {
-          type: "text",          content: "Professional Painting "},
-        {
-          type: "image",          src: "http://img.b2bpic.net/free-photo/cheerful-people-using-orange-color-paint-apartment-walls-painting-home-interior-surface-with-round-rolling-tool-paintbrush-with-bristles-little-girl-sitting-ladder-help-woman_482257-47762.jpg",          alt: "Painting team"},
-        {
-          type: "text",          content: " Expertise"},
-      ]}
-      buttons={[
-        {
-          text: "Learn More",          href: "#services"},
+        { type: "text", content: "Professional Painting " },
+        { type: "image", src: "http://img.b2bpic.net/free-photo/cheerful-people-using-orange-color-paint-apartment-walls-painting-home-interior-surface-with-round-rolling-tool-paintbrush-with-bristles-little-girl-sitting-ladder-help-woman_482257-47762.jpg", alt: "Painting team" },
+        { type: "text", content: " Expertise" },
       ]}
+      buttons={[{ text: "Learn More", href: "#services" }]}
     />
   </div>
 
@@ -109,12 +81,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       features={[
-        {
-          tag: "Interior",          title: "Interior Painting",          subtitle: "Enhance your living space",          description: "Professional interior painting for rooms, walls, and trim.",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-looking-camera-holding-coffee-cup-kitchen_23-2148195289.jpg"},
-        {
-          tag: "Exterior",          title: "Exterior Painting",          subtitle: "Boost curb appeal",          description: "Durable and weather-resistant painting for your property facade.",          imageSrc: "http://img.b2bpic.net/free-photo/family-standing-near-building-with-repair-tools_1157-30558.jpg"},
-        {
-          tag: "Commercial",          title: "Commercial Solutions",          subtitle: "Business-focused painting",          description: "Large-scale painting projects for offices and retail spaces.",          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-working-with-paint-roller_23-2149328113.jpg"},
+        { tag: "Interior", title: "Interior Painting", subtitle: "Enhance your living space", description: "Professional interior painting for rooms, walls, and trim.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-looking-camera-holding-coffee-cup-kitchen_23-2148195289.jpg" },
+        { tag: "Exterior", title: "Exterior Painting", subtitle: "Boost curb appeal", description: "Durable and weather-resistant painting for your property facade.", imageSrc: "http://img.b2bpic.net/free-photo/family-standing-near-building-with-repair-tools_1157-30558.jpg" },
+        { tag: "Commercial", title: "Commercial Solutions", subtitle: "Business-focused painting", description: "Large-scale painting projects for offices and retail spaces.", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-working-with-paint-roller_23-2149328113.jpg" },
       ]}
       title="Our Painting Services"
       description="We specialize in a variety of painting solutions for every type of property."
@@ -128,18 +97,12 @@ export default function LandingPage() {
       gridVariant="uniform-all-items-equal"
       useInvertedBackground={false}
       products={[
-        {
-          id: "1",          name: "Modern Bedroom",          price: "Completed Project",          variant: "Interior",          imageSrc: "http://img.b2bpic.net/free-photo/view-interior-design-space-with-color-year-furnishings-decorations_23-2151397369.jpg"},
-        {
-          id: "2",          name: "House Exterior",          price: "Completed Project",          variant: "Exterior",          imageSrc: "http://img.b2bpic.net/free-photo/handsome-afro-american-man-wearing-traditional-clothes-cap-eyeglasses-modern-city_627829-185.jpg"},
-        {
-          id: "3",          name: "Dining Room Refresh",          price: "Completed Project",          variant: "Interior",          imageSrc: "http://img.b2bpic.net/free-photo/corner-attic-kitchen-scandinavian-blue-design-matte-cabinetry_169016-69122.jpg"},
-        {
-          id: "4",          name: "Bright Nursery",          price: "Completed Project",          variant: "Interior",          imageSrc: "http://img.b2bpic.net/free-photo/people-office-having-break_23-2147668797.jpg"},
-        {
-          id: "5",          name: "Office Hallway",          price: "Completed Project",          variant: "Commercial",          imageSrc: "http://img.b2bpic.net/free-photo/woman-taking-selfie-near-bar_23-2147771338.jpg"},
-        {
-          id: "6",          name: "Apartment Entryway",          price: "Completed Project",          variant: "Interior",          imageSrc: "http://img.b2bpic.net/free-photo/modern-styled-small-entryway_23-2150712907.jpg"},
+        { id: "1", name: "Modern Bedroom", price: "Completed Project", variant: "Interior", imageSrc: "http://img.b2bpic.net/free-photo/view-interior-design-space-with-color-year-furnishings-decorations_23-2151397369.jpg" },
+        { id: "2", name: "House Exterior", price: "Completed Project", variant: "Exterior", imageSrc: "http://img.b2bpic.net/free-photo/handsome-afro-american-man-wearing-traditional-clothes-cap-eyeglasses-modern-city_627829-185.jpg" },
+        { id: "3", name: "Dining Room Refresh", price: "Completed Project", variant: "Interior", imageSrc: "http://img.b2bpic.net/free-photo/corner-attic-kitchen-scandinavian-blue-design-matte-cabinetry_169016-69122.jpg" },
+        { id: "4", name: "Bright Nursery", price: "Completed Project", variant: "Interior", imageSrc: "http://img.b2bpic.net/free-photo/people-office-having-break_23-2147668797.jpg" },
+        { id: "5", name: "Office Hallway", price: "Completed Project", variant: "Commercial", imageSrc: "http://img.b2bpic.net/free-photo/woman-taking-selfie-near-bar_23-2147771338.jpg" },
+        { id: "6", name: "Apartment Entryway", price: "Completed Project", variant: "Interior", imageSrc: "http://img.b2bpic.net/free-photo/modern-styled-small-entryway_23-2150712907.jpg" },
       ]}
       title="Recent Transformations"
       description="See the results of our professional painting projects."
@@ -152,18 +115,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       metrics={[
-        {
-          id: "1",          value: "500+",          title: "Projects Completed",          items: [
-            "Residential",            "Commercial"],
-        },
-        {
-          id: "2",          value: "98%",          title: "Client Satisfaction",          items: [
-            "Referrals",            "Repeat Clients"],
-        },
-        {
-          id: "3",          value: "10+",          title: "Years Experience",          items: [
-            "Expertise",            "Service"],
-        },
+        { id: "1", value: "500+", title: "Projects Completed", items: ["Residential", "Commercial"] },
+        { id: "2", value: "98%", title: "Client Satisfaction", items: ["Referrals", "Repeat Clients"] },
+        { id: "3", value: "10+", title: "Years Experience", items: ["Expertise", "Service"] },
       ]}
       title="Our Impact"
       description="We are proud of our contributions to local communities."
@@ -176,16 +130,11 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       testimonials={[
-        {
-          id: "1",          name: "Jane Doe",          handle: "@jane",          testimonial: "Fantastic transformation of my house!",          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-couple-painting-wall_23-2147782321.jpg"},
-        {
-          id: "2",          name: "John Smith",          handle: "@john",          testimonial: "Best service we have ever received.",          imageSrc: "http://img.b2bpic.net/free-photo/couple-hanging-art-picture-wall_1398-1789.jpg"},
-        {
-          id: "3",          name: "Sarah Lee",          handle: "@sarah",          testimonial: "Highly professional and punctual team.",          imageSrc: "http://img.b2bpic.net/free-photo/serious-unshaven-man-expert-tries-explain-his-idea-wife_273609-44258.jpg"},
-        {
-          id: "4",          name: "Mark Wilson",          handle: "@mark",          testimonial: "A true professional finish, very satisfied.",          imageSrc: "http://img.b2bpic.net/free-photo/illustration-application-user-feedback-response_53876-125143.jpg"},
-        {
-          id: "5",          name: "Emily Chen",          handle: "@emily",          testimonial: "Will use them again for future projects.",          imageSrc: "http://img.b2bpic.net/free-photo/couple-painting-walls-their-new-home-together_23-2149086834.jpg"},
+        { id: "1", name: "Jane Doe", handle: "@jane", testimonial: "Fantastic transformation of my house!", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-couple-painting-wall_23-2147782321.jpg" },
+        { id: "2", name: "John Smith", handle: "@john", testimonial: "Best service we have ever received.", imageSrc: "http://img.b2bpic.net/free-photo/couple-hanging-art-picture-wall_1398-1789.jpg" },
+        { id: "3", name: "Sarah Lee", handle: "@sarah", testimonial: "Highly professional and punctual team.", imageSrc: "http://img.b2bpic.net/free-photo/serious-unshaven-man-expert-tries-explain-his-idea-wife_273609-44258.jpg" },
+        { id: "4", name: "Mark Wilson", handle: "@mark", testimonial: "A true professional finish, very satisfied.", imageSrc: "http://img.b2bpic.net/free-photo/illustration-application-user-feedback-response_53876-125143.jpg" },
+        { id: "5", name: "Emily Chen", handle: "@emily", testimonial: "Will use them again for future projects.", imageSrc: "http://img.b2bpic.net/free-photo/couple-painting-walls-their-new-home-together_23-2149086834.jpg" },
       ]}
       title="Client Stories"
       description="Hear from our happy clients about their experience with Doctor Paint."
@@ -197,12 +146,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       faqs={[
-        {
-          id: "1",          title: "What paints do you use?",          content: "We use premium, high-quality, eco-friendly paints."},
-        {
-          id: "2",          title: "How long does a job take?",          content: "Times vary based on project size, typically 1-3 days."},
-        {
-          id: "3",          title: "Do you provide estimates?",          content: "Yes, we provide free written estimates for every project."},
+        { id: "1", title: "What paints do you use?", content: "We use premium, high-quality, eco-friendly paints." },
+        { id: "2", title: "How long does a job take?", content: "Times vary based on project size, typically 1-3 days." },
+        { id: "3", title: "Do you provide estimates?", content: "Yes, we provide free written estimates for every project." },
       ]}
       title="Common Questions"
       description="Answers to your questions about our painting process."
@@ -213,13 +159,9 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactText
       useInvertedBackground={false}
-      background={{
-        variant: "sparkles-gradient"}}
-      text="Ready to get started? Contact us for a free estimate today."
-      buttons={[
-        {
-          text: "Email Us",          href: "mailto:info@doctorpaint.com"},
-      ]}
+      background={{ variant: "sparkles-gradient" }}
+      text="Ready to get started? Call Doctor Paint at (555) 123-4567 for your free estimate today!"
+      buttons={[{ text: "Email Us", href: "mailto:info@doctorpaint.com" }]}
     />
   </div>
 
@@ -228,27 +170,23 @@ export default function LandingPage() {
       logoText="Doctor Paint"
       columns={[
         {
-          title: "Navigation",          items: [
-            {
-              label: "About",              href: "#about"},
-            {
-              label: "Services",              href: "#services"},
-            {
-              label: "Contact",              href: "#contact"},
-          ],
+          title: "Navigation", items: [
+            { label: "About", href: "#about" },
+            { label: "Services", href: "#services" },
+            { label: "Contact", href: "#contact" },
+          ]
         },
         {
-          title: "Legal",          items: [
-            {
-              label: "Privacy Policy",              href: "#"},
-            {
-              label: "Terms of Service",              href: "#"},
-          ],
+          title: "Legal", items: [
+            { label: "Privacy Policy", href: "#" },
+            { label: "Terms of Service", href: "#" },
+          ]
         },
       ]}
+      copyrightText="© 2025 Doctor Paint. All Rights Reserved."
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f5f4ef;
-  --card: #dad6cd;
-  --foreground: #2a2928;
-  --primary-cta: #2a2928;
+  --background: #fdfdfb;
+  --card: #f5f3f0;
+  --foreground: #1a1814;
+  --primary-cta: #c65d22;
   --primary-cta-text: #f5f4ef;
-  --secondary-cta: #ecebea;
+  --secondary-cta: #e8e4e0;
   --secondary-cta-text: #2a2928;
-  --accent: #ffffff;
-  --background-accent: #c6b180;
+  --accent: #d4b89a;
+  --background-accent: #fdfdfb;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);