Update index.tsx

src/routes/index.tsx

@@ -80,7 +80,23 @@ function HomePage() {
         </div>
       </section>
 
-      {/* Stats Bar */}
+      {/* Problem Statement */}
+      <section className="bg-background py-20">
+        <div className="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8">
+          <div className="mx-auto max-w-3xl text-center">
+            <h2 className="text-3xl font-bold tracking-tight text-foreground sm:text-4xl">
+              Distraction is a deadly epidemic
+            </h2>
+            <p className="mt-4 text-lg text-muted-foreground">
+              Every day, thousands of drivers glance at their phones, adjust the radio,
+              or get lost in thought — and every glance away from the road is a gamble with
+              lives. SafeSight was built to break that cycle.
+            </p>
+          </div>
+        </div>
+      </section>
+
+            {/* Stats Bar */}
       <section className="border-b border-border bg-background py-10">
         <div className="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8">
           <div className="grid gap-8 sm:grid-cols-3 text-center">
@@ -90,7 +106,7 @@ function HomePage() {
             </div>
             <div>
               <p className="text-3xl font-bold text-primary">80%</p>
-              <p className="mt-1 text-sm text-muted-foreground">Of accidents caused by distraction</p>
+              <p className="mt-1 text-sm text-muted-foreground">Of accidents  are caused by distraction</p>
             </div>
             <div>
               <p className="text-3xl font-bold text-foreground">#1</p>
@@ -100,22 +116,6 @@ function HomePage() {
         </div>
       </section>
 
-      {/* Problem Statement */}
-      <section className="bg-background py-20">
-        <div className="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8">
-          <div className="mx-auto max-w-3xl text-center">
-            <h2 className="text-3xl font-bold tracking-tight text-foreground sm:text-4xl">
-              Distraction is a deadly epidemic
-            </h2>
-            <p className="mt-4 text-lg text-muted-foreground">
-              Every day, thousands of drivers glance at their phones, adjust the radio,
-              or get lost in thought — and every glance away from the road is a gamble with
-              lives. SafeSight was built to break that cycle.
-            </p>
-          </div>
-        </div>
-      </section>
-
       {/* Features */}
       <section className="bg-muted/30 py-20">
         <div className="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8">