Switch to version 6: modified src/app/page.tsx

Switch to version 6: modified src/app/layout.tsx
Switch to version 5: modified src/app/page.tsx
2026-03-10 04:04:59 +00:00 · 2026-03-10 04:04:58 +00:00 · 2026-03-10 04:04:51 +00:00 · 2026-03-10 04:04:50 +00:00 · 2026-03-10 04:04:42 +00:00 · 2026-03-10 04:04:41 +00:00
2 changed files with 146 additions and 60 deletions
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,11 +1,13 @@
 import type { Metadata } from "next";
 import { Inter } from "next/font/google";
 import "./globals.css";
+import "./styles/variables.css";
+import "./styles/base.css";

 const inter = Inter({ subsets: ["latin"] });

 export const metadata: Metadata = {
-  title: "American Screen Hero - Pool Cage & Screen Repair",  description: "Professional screen repair and pool enclosure rescreening services in Sarasota, Lakewood Ranch, and Bradenton."};
+  title: "American Screen Hero - Pool Cage & Screen Repair Sarasota",  description: "Professional pool cage and screen repair services in Sarasota, Lakewood Ranch, and Bradenton. Fast, reliable rescreening and repairs."};

 export default function RootLayout({
  children,
@@ -13,8 +15,26 @@ export default function RootLayout({
  children: React.ReactNode;
 }) {
  return (
-    <html lang="en">
-      <body className={inter.className}>{children}
+    <html lang="en" suppressHydrationWarning>
+      <body className={inter.className}>
+        {children}
+        <script
+          dangerouslySetInnerHTML={{
+            __html: `
+              (function() {
+                try {
+                  const vw = window.innerWidth * 0.01;
+                  document.documentElement.style.setProperty('--vw', vw + 'px');
+                  window.addEventListener('resize', () => {
+                    const vw = window.innerWidth * 0.01;
+                    document.documentElement.style.setProperty('--vw', vw + 'px');
+                  });
+                } catch (e) {}
+              })();
+            `,
+          }}
+        />
+      
        <script
          dangerouslySetInnerHTML={{
            __html: `
@@ -1384,4 +1404,4 @@ export default function RootLayout({
      </body>
    </html>
  );
-}
+}
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -50,7 +50,8 @@ export default function HomePage() {
          brandName="American Screen Hero"
          navItems={navItems}
          button={{
-            text: "Get a Free Estimate",            href: "/contact"}}
+            text: "Get a Free Estimate",            href: "/contact"
+          }}
        />
      </div>

@@ -63,20 +64,25 @@ export default function HomePage() {
          tagAnimation="slide-up"
          buttons={[
            {
-              text: "Get a Free Estimate",              href: "/contact"},
+              text: "Get a Free Estimate",              href: "/contact"
+            },
            {
-              text: "Call Now: (941) 809-9115",              href: "tel:(941)809-9115"},
+              text: "Call Now: (941) 809-9115",              href: "tel:(941)809-9115"
+            },
          ]}
          buttonAnimation="slide-up"
          background={{
-            variant: "radial-gradient"}}
+            variant: "radial-gradient"
+          }}
          dashboard={{
            title: "Complete Screen Solutions",            logoIcon: Zap,
            imageSrc: "http://img.b2bpic.net/free-photo/man-servant-washing-windows_23-2149530810.jpg",            searchPlaceholder: "What screen service do you need?",            buttons: [
              {
-                text: "View Services",                href: "/services"},
+                text: "View Services",                href: "/services"
+              },
              {
-                text: "Get Quote",                href: "/contact"},
+                text: "Get Quote",                href: "/contact"
+              },
            ],
            sidebarItems: [
              {
@@ -93,13 +99,16 @@ export default function HomePage() {
            stats: [
              {
                title: "Years Experience",                values: [15, 18, 20],
-                description: "Serving the Sarasota area"},
+                description: "Serving the Sarasota area"
+              },
              {
                title: "Projects Completed",                values: [1200, 1500, 1850],
-                description: "Happy homeowners"},
+                description: "Happy homeowners"
+              },
              {
                title: "Service Areas",                values: [3, 5, 7],
-                description: "Greater Sarasota region"},
+                description: "Greater Sarasota region"
+              },
            ],
            chartTitle: "Customer Satisfaction",            chartData: [
              {
@@ -121,13 +130,16 @@ export default function HomePage() {
            listTitle: "Featured Services",            listItems: [
              {
                icon: CheckCircle,
-                title: "Pool Cage Rescreening",                status: "Most Popular"},
+                title: "Pool Cage Rescreening",                status: "Most Popular"
+              },
              {
                icon: CheckCircle,
-                title: "Screen Door Repair",                status: "Quick Service"},
+                title: "Screen Door Repair",                status: "Quick Service"
+              },
              {
                icon: CheckCircle,
-                title: "Hurricane Screen Installation",                status: "Protection"},
+                title: "Hurricane Screen Installation",                status: "Protection"
+              },
            ],
          }}
        />
@@ -138,37 +150,37 @@ export default function HomePage() {
          features={[
            {
              icon: DropletIcon,
-              title: "Pool Cage Repair",              description:
-                "Expert repair of pool cage screens and enclosures. We handle damage assessment, panel replacement, and structural repairs."},
+              title: "Pool Cage Screen Repair",              description: "Expert repair of damaged pool cage screens. We assess damage, replace panels, and ensure proper sealing for complete protection."
+            },
            {
              icon: RefreshCw,
-              title: "Pool Cage Rescreening",              description:
-                "Complete rescreening of pool enclosures with high-quality mesh. Restore your pool protection and enjoy outdoor living."},
+              title: "Pool Cage Rescreening",              description: "Complete rescreening of pool enclosures with premium mesh material. Restore function and appearance to your outdoor space."
+            },
            {
              icon: Home,
-              title: "Lanai Screen Repair",              description:
-                "Professional lanai screen repair and maintenance. Keep your outdoor living space protected from insects and weather."},
-            {
-              icon: Wind,
-              title: "Hurricane Screen Replacement",              description:
-                "Install protective hurricane screens for storm season. Reinforce your home's defense against severe weather."},
+              title: "Lanai and Patio Screen Repair",              description: "Professional repair and maintenance of lanai and patio screens. Keep your outdoor living areas protected from insects and elements."
+            },
            {
              icon: DoorOpen,
-              title: "Screen Door Repair",              description:
-                "Fast repair and replacement of screen doors. Smooth operation and secure seals guaranteed."},
+              title: "Screen Door Repair and Replacement",              description: "Fast and reliable screen door repairs and full replacements. Smooth operation and secure seals guaranteed."
+            },
+            {
+              icon: Wind,
+              title: "Hurricane Screen Installation",              description: "Install protective hurricane screens for storm season. Reinforce your home's defense against severe weather and strong winds."
+            },
            {
              icon: Zap,
-              title: "Screen Maintenance",              description:
-                "Regular maintenance and minor repairs to keep your screens in perfect condition year-round."},
+              title: "Screen Panel Replacement",              description: "Individual screen panel replacement for pools, lanais, and patios. Get the exact panels you need without full rescreening."
+            },
          ]}
-          title="Our Screen Repair Services"
+          title="Professional Screen Repair Services in Sarasota"
          description="Comprehensive screen and pool enclosure solutions for homeowners throughout Sarasota, Lakewood Ranch, and Bradenton."
          tag="What We Offer"
          tagIcon={Wrench}
          tagAnimation="slide-up"
          buttons={[
            {
-              text: "Request a Quote",              href: "#cta-contact"
+              text: "Learn More",              href: "#trust-section"
            }
          ]}
          buttonAnimation="slide-up"
@@ -178,14 +190,43 @@ export default function HomePage() {
        />
      </div>

+      <div id="trust-section" data-section="trust-section">
+        <FeatureBorderGlow
+          features={[
+            {
+              icon: CheckCircle,
+              title: "Fast and Reliable Service",              description: "We respond quickly to your service requests and complete repairs efficiently without compromising quality or attention to detail."
+            },
+            {
+              icon: Shield,
+              title: "Quality Screen Repairs",              description: "We use premium materials and proven techniques. Every repair is backed by our commitment to excellence and customer satisfaction."
+            },
+            {
+              icon: Star,
+              title: "Free Estimates",              description: "Get a clear, no-obligation estimate for your screen repair project. We assess your needs and provide honest pricing upfront."
+            },
+          ]}
+          title="Why Trust American Screen Hero?"
+          description="We stand behind every job we do."
+          tag="Our Promise"
+          tagIcon={Shield}
+          tagAnimation="slide-up"
+          textboxLayout="default"
+          animationType="slide-up"
+          useInvertedBackground={false}
+        />
+      </div>
+
      <div id="why-choose" data-section="why-choose">
        <TextSplitAbout
          title="Why Choose American Screen Hero?"
          description={[
-            "We are dedicated to providing the highest quality screen repair and pool enclosure services in Sarasota and surrounding areas. Our team brings years of experience, professional craftsmanship, and genuine commitment to customer satisfaction.",            "Every project receives our full attention. We use premium materials, proven techniques, and meticulous attention to detail. From emergency repairs to complete enclosure rescreening, we handle your home with the care it deserves.",            "Your satisfaction is our priority. We arrive on time, work efficiently, and stand behind every job. Experience the American Screen Hero difference today."]}
+            "We are dedicated to providing the highest quality screen repair and pool enclosure services in Sarasota and surrounding areas. Our team brings years of experience, professional craftsmanship, and genuine commitment to customer satisfaction.",            "Every project receives our full attention. We use premium materials, proven techniques, and meticulous attention to detail. From emergency repairs to complete enclosure rescreening, we handle your home with the care it deserves.",            "Your satisfaction is our priority. We arrive on time, work efficiently, and stand behind every job. Experience the American Screen Hero difference today."
+          ]}
          buttons={[
            {
-              text: "Get a Free Estimate",              href: "/contact"},
+              text: "Get a Free Estimate",              href: "/contact"
+            },
          ]}
          buttonAnimation="slide-up"
          showBorder={true}
@@ -208,19 +249,23 @@ export default function HomePage() {
            {
              id: "1",              name: "Margaret S.",              role: "Homeowner",              company: "Sarasota",              rating: 5,
              imageSrc:
-                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AiruCR7xtXa8HIbr52voHdY3BQ/uploaded-1773089720919-hem8b6pv.png",              imageAlt: "satisfied homeowner portrait happy client"},
+                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AiruCR7xtXa8HIbr52voHdY3BQ/uploaded-1773089720919-hem8b6pv.png",              imageAlt: "satisfied homeowner portrait happy client"
+            },
            {
              id: "2",              name: "Robert T.",              role: "Pool Owner",              company: "Lakewood Ranch",              rating: 5,
              imageSrc:
-                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AiruCR7xtXa8HIbr52voHdY3BQ/uploaded-1773089720920-fo18wc4b.png",              imageAlt: "pool owner satisfied customer portrait"},
+                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AiruCR7xtXa8HIbr52voHdY3BQ/uploaded-1773089720920-fo18wc4b.png",              imageAlt: "pool owner satisfied customer portrait"
+            },
            {
              id: "3",              name: "Patricia M.",              role: "Senior Homeowner",              company: "Bradenton",              rating: 5,
              imageSrc:
-                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AiruCR7xtXa8HIbr52voHdY3BQ/uploaded-1773089720919-8mmoxn7n.png",              imageAlt: "elderly homeowner satisfied review"},
+                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AiruCR7xtXa8HIbr52voHdY3BQ/uploaded-1773089720919-8mmoxn7n.png",              imageAlt: "elderly homeowner satisfied review"
+            },
            {
              id: "4",              name: "James & Linda K.",              role: "Family Homeowners",              company: "Sarasota",              rating: 5,
              imageSrc:
-                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AiruCR7xtXa8HIbr52voHdY3BQ/uploaded-1773089720920-zs7bl4ob.png",              imageAlt: "florida family homeowner portrait"},
+                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AiruCR7xtXa8HIbr52voHdY3BQ/uploaded-1773089720920-zs7bl4ob.png",              imageAlt: "florida family homeowner portrait"
+            },
          ]}
        />
      </div>
@@ -231,18 +276,22 @@ export default function HomePage() {
            {
              icon: MapPin,
              title: "Sarasota",              description:
-                "Full service coverage throughout Sarasota, including downtown, coastal neighborhoods, and surrounding areas."},
+                "Full service coverage throughout Sarasota, including downtown, coastal neighborhoods, and surrounding areas."
+            },
            {
              icon: MapPin,
              title: "Lakewood Ranch",              description:
-                "Serving all of Lakewood Ranch. Fast response times and same-day estimates for pool enclosure repairs."},
+                "Serving all of Lakewood Ranch. Fast response times and same-day estimates for pool enclosure repairs."
+            },
            {
              icon: MapPin,
              title: "Bradenton",              description:
-                "Professional screen repair service in Bradenton. We handle residential and pool enclosure projects."},
+                "Professional screen repair service in Bradenton. We handle residential and pool enclosure projects."
+            },
            {
              icon: MapPin,
-              title: "Surrounding Areas",              description: "Extended service to nearby communities. Call for availability in your area."},
+              title: "Surrounding Areas",              description: "Extended service to nearby communities. Call for availability in your area."
+            },
          ]}
          title="Service Areas We Serve"
          description="Fast service to homeowners throughout Sarasota and surrounding communities. Same-day quotes available."
@@ -261,12 +310,15 @@ export default function HomePage() {
          animationType="entrance-slide"
          buttons={[
            {
-              text: "Get a Free Estimate",              href: "/contact"},
+              text: "Get a Free Estimate",              href: "/contact"
+            },
            {
-              text: "Call (941) 809-9115",              href: "tel:(941)809-9115"},
+              text: "Call (941) 809-9115",              href: "tel:(941)809-9115"
+            },
          ]}
          background={{
-            variant: "radial-gradient"}}
+            variant: "radial-gradient"
+          }}
          useInvertedBackground={false}
        />
      </div>
@@ -277,45 +329,59 @@ export default function HomePage() {
            {
              title: "Company",              items: [
                {
-                  label: "Home",                  href: "/"},
+                  label: "Home",                  href: "/"
+                },
                {
-                  label: "Services",                  href: "/services"},
+                  label: "Services",                  href: "/services"
+                },
                {
-                  label: "About Us",                  href: "/about"},
+                  label: "About Us",                  href: "/about"
+                },
                {
-                  label: "Contact",                  href: "/contact"},
+                  label: "Contact",                  href: "/contact"
+                },
              ],
            },
            {
              title: "Services",              items: [
                {
-                  label: "Pool Cage Repair",                  href: "/services"},
+                  label: "Pool Cage Repair",                  href: "/services"
+                },
                {
-                  label: "Screen Rescreening",                  href: "/services"},
+                  label: "Screen Rescreening",                  href: "/services"
+                },
                {
-                  label: "Hurricane Screens",                  href: "/services"},
+                  label: "Hurricane Screens",                  href: "/services"
+                },
                {
-                  label: "Lanai Repair",                  href: "/services"},
+                  label: "Lanai Repair",                  href: "/services"
+                },
              ],
            },
            {
              title: "Contact",              items: [
                {
-                  label: "Call: (941) 809-9115",                  href: "tel:(941)809-9115"},
+                  label: "Call: (941) 809-9115",                  href: "tel:(941)809-9115"
+                },
                {
-                  label: "Email: ascreenhero@gmail.com",                  href: "mailto:ascreenhero@gmail.com"},
+                  label: "Email: ascreenhero@gmail.com",                  href: "mailto:ascreenhero@gmail.com"
+                },
                {
-                  label: "Free Estimate",                  href: "/contact"},
+                  label: "Free Estimate",                  href: "/contact"
+                },
              ],
            },
            {
              title: "Service Areas",              items: [
                {
-                  label: "Sarasota",                  href: "/service-areas"},
+                  label: "Sarasota",                  href: "/service-areas"
+                },
                {
-                  label: "Lakewood Ranch",                  href: "/service-areas"},
+                  label: "Lakewood Ranch",                  href: "/service-areas"
+                },
                {
-                  label: "Bradenton",                  href: "/service-areas"},
+                  label: "Bradenton",                  href: "/service-areas"
+                },
              ],
            },
          ]}
@@ -325,4 +391,4 @@ export default function HomePage() {
      </div>
    </ThemeProvider>
  );
-}
+}
Author	SHA1	Message	Date
bender	1301edc6e7	Switch to version 6: modified src/app/page.tsx	2026-03-10 04:04:59 +00:00
bender	f891ba3622	Switch to version 6: modified src/app/layout.tsx	2026-03-10 04:04:58 +00:00
bender	c2eca91979	Switch to version 5: modified src/app/page.tsx	2026-03-10 04:04:51 +00:00
bender	dd94171a63	Switch to version 5: modified src/app/layout.tsx	2026-03-10 04:04:50 +00:00
bender	5f4f587ef3	Switch to version 6: modified src/app/page.tsx	2026-03-10 04:04:42 +00:00
bender	8e46e42111	Switch to version 6: modified src/app/layout.tsx	2026-03-10 04:04:41 +00:00
bender	4a79fc0ac0	Merge version_7 into main Merge version_7 into main	2026-03-10 04:01:30 +00:00
bender	c575f91792	Update src/app/layout.tsx	2026-03-10 04:01:26 +00:00
bender	af6634c631	Merge version_7 into main Merge version_7 into main	2026-03-10 04:00:47 +00:00
bender	98631e12f1	Update src/app/page.tsx	2026-03-10 04:00:43 +00:00
bender	4d9b1d1263	Update src/app/layout.tsx	2026-03-10 04:00:43 +00:00
bender	ac5baed598	Merge version_6 into main Merge version_6 into main	2026-03-10 03:40:19 +00:00
bender	38e10194e7	Update src/app/page.tsx	2026-03-10 03:40:14 +00:00
bender	b8dc9c9399	Merge version_6 into main Merge version_6 into main	2026-03-10 03:39:05 +00:00
bender	873279ce2e	Update src/app/page.tsx	2026-03-10 03:39:01 +00:00
bender	c89a7413ff	Merge version_6 into main Merge version_6 into main	2026-03-10 03:37:52 +00:00
bender	162b7c91ef	Update src/app/page.tsx	2026-03-10 03:37:48 +00:00
bender	7ee51db0d7	Update src/app/layout.tsx	2026-03-10 03:37:48 +00:00
bender	7f43047c3f	Merge version_5 into main Merge version_5 into main	2026-03-10 03:35:15 +00:00
bender	abe1cfa6fd	Update src/app/page.tsx	2026-03-10 03:35:11 +00:00