Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -31,14 +31,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleApple
       navItems={[
-        {
+        { name: "Home", id: "hero" },
-          name: "Home",          id: "hero"},
+        { name: "Services", id: "services" },
-        {
+        { name: "Portfolio", id: "portfolio" },
-          name: "Services",          id: "services"},
+        { name: "Contact", id: "contact" },
-        {
-          name: "Portfolio",          id: "portfolio"},
-        {
-          name: "Contact",          id: "contact"},
       ]}
       brandName="Priority Roofing Dallas"
     />
@@ -46,43 +42,23 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroBillboard
-      background={{
+      background={{ variant: "sparkles-gradient" }}
-        variant: "sparkles-gradient"}}
+      title="Elite Roofing Protection for Dallas Excellence."
-      title="Elite Protection For Dallas Homes."
+      description="We bring decades of local Dallas market expertise to every luxury roofing project. From historic restorations to modern storm-ready designs, our precision ensures lasting durability for your investment."
-      description="Crafting the future of Texas luxury roofing. Precision, trust, and storm-ready resilience for the discerning homeowner."
       buttons={[
-        {
+        { text: "Schedule Your Dallas Inspection", href: "#contact" },
-          text: "Schedule Free Inspection",          href: "#contact"},
+        { text: "View Our Local Portfolio", href: "#portfolio" },
-        {
-          text: "Explore Our Work",          href: "#portfolio"},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13126.jpg"
       imageAlt="Luxury Texas Home Roofing System"
       mediaAnimation="blur-reveal"
-      avatars={[
+      avatarText="Proudly serving Dallas homeowners for over 25 years"
-        {
-          src: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13113.jpg",          alt: "Customer representative 1"},
-        {
-          src: "http://img.b2bpic.net/free-photo/crescent-masjid-mountain-marbles-light-tourists_1142-1056.jpg",          alt: "Customer representative 2"},
-        {
-          src: "http://img.b2bpic.net/free-photo/rows-seats_1398-4403.jpg",          alt: "Customer representative 3"},
-        {
-          src: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13116.jpg",          alt: "Customer representative 4"},
-        {
-          src: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-15957.jpg",          alt: "Customer representative 5"},
-      ]}
-      avatarText="Trusted by 5,000+ local homeowners"
       marqueeItems={[
-        {
+        { type: "text", text: "Dallas Market Specialists" },
-          type: "text",          text: "Storm-Ready Resilience"},
+        { type: "text", text: "Storm-Ready Texas Resilience" },
-        {
+        { type: "text", text: "Architectural Precision" },
-          type: "text",          text: "Architectural Precision"},
+        { type: "text", text: "Premium Materials" },
-        {
+        { type: "text", text: "Elite Local Craftsmanship" },
-          type: "text",          text: "Dallas Certified"},
-        {
-          type: "text",          text: "Premium Materials"},
-        {
-          type: "text",          text: "Elite Craftsmanship"},
       ]}
     />
   </div>
@@ -90,15 +66,12 @@ export default function LandingPage() {
   <div id="about" data-section="about">
       <MetricSplitMediaAbout
       useInvertedBackground={false}
-      title="Legacy of Texas Craftsmanship"
+      title="Dallas-Tested Craftsmanship"
-      description="We blend architectural precision with local Texas toughness, ensuring your investment is shielded from the most extreme weather conditions."
+      description="At Priority Roofing Dallas, we don't just understand roofing; we understand the Dallas climate. Our team combines deep regional knowledge with architectural-grade materials to deliver roofing systems designed specifically for the extreme conditions of North Texas."
       metrics={[
-        {
+        { value: "25+", title: "Years in Dallas Market" },
-          value: "25+",          title: "Years Experience"},
+        { value: "5k+", title: "Dallas Properties Protected" },
-        {
+        { value: "100%", title: "Local Certification" },
-          value: "5k+",          title: "Dallas Homes Served"},
-        {
-          value: "100%",          title: "Insured & Certified"},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/craftsman-cuts-steel-profiles-drywall-close-up-selective-focus-preparing-installation-frame-ceiling-profile-system-renovation-renovation_166373-1906.jpg"
       imageAlt="Premium roofing craftsmanship"
@@ -114,35 +87,20 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          title: "Residential Roofing",          description: "Custom roof systems engineered for elite Dallas residential architecture.",          icon: Home,
+          title: "Dallas Residential Experts",          description: "Custom-engineered roof systems tailored to match the unique aesthetic and structural needs of Dallas luxury homes.",          icon: Home,
-          mediaItems: [
+          mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/high-angle-beautiful-wooden-house-with-new-roof_23-2149343703.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/low-angle-shot-beautiful-modern-building-middle-city-clear-sky_181624-7463.jpg" }]
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/high-angle-beautiful-wooden-house-with-new-roof_23-2149343703.jpg"},
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/low-angle-shot-beautiful-modern-building-middle-city-clear-sky_181624-7463.jpg"},
-          ]
         },
         {
-          title: "Commercial Solutions",          description: "High-performance systems designed for maximum longevity and energy efficiency.",          icon: Building2,
+          title: "Commercial Performance",          description: "High-performance roofing solutions built to exceed Texas energy codes and withstand local weather extremes.",          icon: Building2,
-          mediaItems: [
+          mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/red-metallic-wall-with-sky_23-2148106899.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/low-angle-modern-house-roof_23-2149343645.jpg" }]
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/red-metallic-wall-with-sky_23-2148106899.jpg"},
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/low-angle-modern-house-roof_23-2149343645.jpg"},
-          ]
         },
         {
-          title: "Designer Metal Roofing",          description: "Architectural grade metal roofing that combines aesthetic elegance with extreme storm resistance.",          icon: Zap,
+          title: "Storm-Ready Metal Solutions",          description: "Architectural metal roofing crafted for maximum impact resistance and timeless elegance in the North Texas sun.",          icon: Zap,
-          mediaItems: [
+          mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/city-background-panoramic-view_23-2148892917.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/photo-metal-texture-pattern_58702-13917.jpg" }]
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/city-background-panoramic-view_23-2148892917.jpg"},
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/photo-metal-texture-pattern_58702-13917.jpg"},
-          ]
         },
       ]}
-      title="Our Specialized Services"
+      title="Specialized Roofing Solutions"
-      description="High-end roofing solutions designed for the Texas climate, from residential restorations to complex commercial systems."
+      description="Tailored protection strategies specifically designed for Dallas architecture and climate demands."
     />
   </div>
 
@@ -153,27 +111,12 @@ export default function LandingPage() {
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={false}
       products={[
-        {
+        { id: "p1", brand: "Dallas Luxury", name: "Historic Restoration", price: "Custom", rating: 5, reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/scratched-metal-background_1048-11658.jpg" },
-          id: "p1",          brand: "Luxury Series",          name: "Asphalt Architecture",          price: "Custom",          rating: 5,
+        { id: "p2", brand: "Elite Series", name: "Modern Metal Elegance", price: "Custom", rating: 5, reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-photo/close-up-shiny-feather-organic-background_23-2148872781.jpg" },
-          reviewCount: "12",          imageSrc: "http://img.b2bpic.net/free-photo/scratched-metal-background_1048-11658.jpg"},
+        { id: "p3", brand: "Commercial", name: "TPO Storm Protection", price: "Custom", rating: 5, reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/building-with-coarse-plaster-surface_23-2148252826.jpg" },
-        {
-          id: "p2",          brand: "Copperline",          name: "Metal Elegance",          price: "Custom",          rating: 5,
-          reviewCount: "8",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-shiny-feather-organic-background_23-2148872781.jpg"},
-        {
-          id: "p3",          brand: "ShieldGuard",          name: "Storm-Ready Elite",          price: "Custom",          rating: 5,
-          reviewCount: "15",          imageSrc: "http://img.b2bpic.net/free-photo/building-with-coarse-plaster-surface_23-2148252826.jpg"},
-        {
-          id: "p4",          brand: "Elite Series",          name: "Modern Slate",          price: "Custom",          rating: 5,
-          reviewCount: "5",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-metal-surface_23-2148796570.jpg"},
-        {
-          id: "p5",          brand: "Commercial",          name: "TPO Performance",          price: "Custom",          rating: 5,
-          reviewCount: "10",          imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13159.jpg"},
-        {
-          id: "p6",          brand: "Custom",          name: "Bespoke Roofing",          price: "Custom",          rating: 5,
-          reviewCount: "9",          imageSrc: "http://img.b2bpic.net/free-photo/photo-metal-texture-pattern_58702-13596.jpg"},
       ]}
-      title="Featured Roofing Projects"
+      title="Featured Dallas Projects"
-      description="A showcase of our architectural standards across Dallas."
+      description="A collection of architectural excellence and storm-ready projects across the DFW Metroplex."
     />
   </div>
 
@@ -183,18 +126,12 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       metrics={[
-        {
+        { id: "m1", icon: ShieldCheck, title: "Texas Certified", value: "100%" },
-          id: "m1",          icon: ShieldCheck,
+        { id: "m2", icon: Award, title: "Storm Ready Claims", value: "500+" },
-          title: "Insured & Licensed",          value: "100%"},
+        { id: "m3", icon: MapPin, title: "Local DFW Presence", value: "25yrs" },
-        {
-          id: "m2",          icon: Award,
-          title: "Industry Certifications",          value: "12+"},
-        {
-          id: "m3",          icon: MapPin,
-          title: "Local Dallas Expertise",          value: "20 yrs"},
       ]}
-      title="Why Dallas Trusts Us"
+      title="Dallas Trust & Transparency"
-      description="Unmatched transparency and local expertise in every claim."
+      description="Why top Dallas developers and homeowners rely on our local expertise."
     />
   </div>
 
@@ -203,31 +140,22 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       testimonials={[
-        {
+        { id: "1", title: "Local Expertise", quote: "They truly understand the unique weather challenges of Dallas. A seamless experience from start to finish.", name: "Sarah Johnson", role: "Dallas Homeowner" },
-          id: "1",          title: "Exceptional Quality",          quote: "The entire process was seamless and incredibly professional.",          name: "Sarah Johnson",          role: "Homeowner",          imageSrc: "http://img.b2bpic.net/free-photo/ai-generated-modern-styled-entryway_23-2150692181.jpg"},
+        { id: "2", title: "Reliable Commercial Partner", quote: "Priority Roofing Dallas is our go-to for commercial properties. They know Texas codes inside out.", name: "Michael Chen", role: "Commercial Developer" },
-        {
+        { id: "3", title: "Storm-Ready Professionals", quote: "They saved us during storm season. Professional, knowledgeable, and genuinely local.", name: "Emily Rodriguez", role: "DFW Resident" },
-          id: "2",          title: "Reliable & Fast",          quote: "Priority Roofing handled our commercial claim with unmatched transparency.",          name: "Michael Chen",          role: "Business Owner",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-boy-with-laptop-outdoors_23-2148847732.jpg"},
-        {
-          id: "3",          title: "Texas Trusted",          quote: "They understand exactly what Dallas homes need to survive storms.",          name: "Emily Rodriguez",          role: "Homeowner",          imageSrc: "http://img.b2bpic.net/free-photo/people-recording-their-house-tour_23-2151139106.jpg"},
-        {
-          id: "4",          title: "Luxury Standard",          quote: "Highest quality roof replacement I have ever commissioned.",          name: "David Kim",          role: "Developer",          imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-businessman_23-2148102523.jpg"},
-        {
-          id: "5",          title: "Highly Recommend",          quote: "Professional, clean, and delivered as promised.",          name: "Jessica White",          role: "Homeowner",          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-writing-her-journal_23-2150416410.jpg"},
       ]}
-      title="Client Perspectives"
+      title="Client Success Stories"
-      description="Trust earned through performance, one project at a time."
+      description="Trusted by the people who power the Dallas economy and culture."
     />
   </div>
 
   <div id="contact" data-section="contact">
       <ContactText
       useInvertedBackground={false}
-      background={{
+      background={{ variant: "sparkles-gradient" }}
-        variant: "sparkles-gradient"}}
+      text="Protect your Dallas home with the experts. Schedule your free local consultation today."
-      text="Ready to protect your home? Let's begin the conversation."
       buttons={[
-        {
+        { text: "Start Your Consultation", href: "#contact" },
-          text: "Start Your Consultation",          href: "#contact"},
       ]}
     />
   </div>
@@ -236,32 +164,13 @@ export default function LandingPage() {
       <FooterLogoEmphasis
       columns={[
         {
-          items: [
+          items: [{ label: "Residential", href: "#services" }, { label: "Commercial", href: "#services" }, { label: "Insurance Claims", href: "#services" }],
-            {
-              label: "Residential",              href: "#services"},
-            {
-              label: "Commercial",              href: "#services"},
-            {
-              label: "Insurance Claims",              href: "#services"},
-          ],
         },
         {
-          items: [
+          items: [{ label: "Dallas Projects", href: "#portfolio" }, { label: "Our Team", href: "#about" }, { label: "Contact", href: "#contact" }],
-            {
-              label: "Company",              href: "#about"},
-            {
-              label: "Portfolio",              href: "#portfolio"},
-            {
-              label: "Contact",              href: "#contact"},
-          ],
         },
         {
-          items: [
+          items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }],
-            {
-              label: "Privacy Policy",              href: "#"},
-            {
-              label: "Terms of Service",              href: "#"},
-          ],
         },
       ]}
       logoText="Priority Roofing Dallas"