Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -12,7 +12,7 @@ import ProductCardOne from '@/components/sections/product/ProductCardOne';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
 import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
-import { Droplets, Hammer, Home, PlusCircle, RefreshCw, Search, Sun } from "lucide-react";
+import { Droplets, Home, PlusCircle, RefreshCw, Search, Sun } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -62,7 +62,7 @@ export default function LandingPage() {
         {
           text: "Explore Our Services",          href: "#services"},
       ]}
-      imageSrc="http://img.b2bpic.net/free-photo/cute-yellow-rural-house-with-wooden-stairs-countryside_176420-7157.jpg"
+      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BSINHT5EodZCgYAu69TZIJHOCJ/uploaded-1774476142679-rrdctakz.png"
       imageAlt="Modern house with a newly installed roof under a clear sky"
       mediaAnimation="opacity"
       fixedMediaHeight={true}
@@ -76,7 +76,7 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          icon: Hammer,
+          icon: RefreshCw,
           title: "Roof Repairs",          description: "Prompt and effective repairs for leaks, storm damage, and wear-and-tear to extend your roof's lifespan."},
         {
           icon: PlusCircle,
@@ -134,7 +134,7 @@ export default function LandingPage() {
 
   <div id="testimonials" data-section="testimonials">
       <TestimonialCardTwo
-      animationType="blur-reveal"
+      animationType="slide-up"
       textboxLayout="default"
       useInvertedBackground={false}
       testimonials={[
@@ -154,7 +154,7 @@ export default function LandingPage() {
 
   <div id="social-proof" data-section="social-proof">
       <SocialProofOne
-      names={[]}
+      names={["Partner 1", "Partner 2", "Partner 3", "Partner 4", "Partner 5", "Partner 6", "Partner 7"]}
       textboxLayout="default"
       useInvertedBackground={true}
       logos={[
@@ -173,7 +173,7 @@ export default function LandingPage() {
         {
           id: "2",          title: "What types of roofing materials do you work with?",          content: "We specialize in a variety of materials including asphalt shingles, metal roofing, tile, and flat roofs. We'll help you choose the best option for your home."},
         {
-          id: "3",          title: "Do you offer warranties on your work?",          content: "Yes, we stand by the quality of our craftsmanship and materials. All new installations and major repairs come with comprehensive warranties, specific details available upon consultation."},
+          id: "3",          title: "Do you offer warranties on our work?",          content: "Yes, we stand by the quality of our craftsmanship and materials. All new installations and major repairs come with comprehensive warranties, specific details available upon consultation."},
         {
           id: "4",          title: "How long does a typical roof replacement take?",          content: "The duration of a roof replacement depends on the size and complexity of your roof. Most residential projects are completed within 1-3 days, weather permitting."},
       ]}

src/app/styles/variables.css

@@ -13,12 +13,12 @@
   --background: #ffffff;
   --card: #f9f9f9;
   --foreground: #120a00e6;
-  --primary-cta: #E34400;
+  --primary-cta: #FF7B05;
   --primary-cta-text: #ffffff;
   --secondary-cta: #f9f9f9;
   --secondary-cta-text: #120a00e6;
   --accent: #e2e2e2;
-  --background-accent: #E34400;
+  --background-accent: #FF7B05;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);