Update src/app/dashboard/page.tsx

Merge version_3 into main

src/app/about/page.tsx

@@ -0,0 +1,53 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import SplitAbout from '@/components/sections/about/SplitAbout';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+
+export default function AboutPage() {
+  return (
+    <ThemeProvider 
+      defaultButtonVariant="text-stagger" 
+      defaultTextAnimation="entrance-slide" 
+      borderRadius="rounded" 
+      contentWidth="medium" 
+      sizing="medium" 
+      background="circleGradient" 
+      cardStyle="glass-elevated" 
+      primaryButtonStyle="gradient" 
+      secondaryButtonStyle="glass" 
+      headingFontWeight="normal"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarStyleApple
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "About", id: "/about" },
+            { name: "Dashboard", id: "/dashboard" },
+            { name: "Contact", id: "/contact" }
+          ]}
+          brandName="Swift Haul"
+        />
+      </div>
+      <div id="about" data-section="about">
+        <SplitAbout
+          title="About Swift Haul"
+          description="Learn more about our mission to provide the most reliable trucking services in the industry."
+          bulletPoints={[]}
+          textboxLayout="default"
+          useInvertedBackground={false}
+        />
+      </div>
+      <div id="footer" data-section="footer">
+        <FooterBaseReveal
+          logoText="Swift Haul"
+          columns={[
+            { title: "Company", items: [{ label: "About", href: "/about" }] },
+            { title: "Support", items: [{ label: "Contact", href: "/contact" }] },
+          ]}
+        />
+      </div>
+    </ThemeProvider>
+  );
+}

src/app/betting/page.tsx

@@ -0,0 +1,60 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+
+export default function BettingPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="text-shift"
+      defaultTextAnimation="reveal-blur"
+      borderRadius="soft"
+      contentWidth="mediumLarge"
+      sizing="mediumLargeSizeMediumTitles"
+      background="noiseDiagonalGradient"
+      cardStyle="solid"
+      primaryButtonStyle="shadow"
+      secondaryButtonStyle="layered"
+      headingFontWeight="medium"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleApple
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Games", id: "/games" },
+              { name: "Betting", id: "/betting" },
+            ]}
+            brandName="Swift Haul"
+          />
+        </div>
+        <div id="betting" data-section="betting">
+          <MetricCardSeven
+            title="Betting Options & Odds"
+            description="Competitive odds on your favorite sports events and leagues."
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={true}
+            metrics={[
+                { id: "b1", value: "1.85", title: "Football", items: ["Home Win", "Away Win", "Draw"] },
+                { id: "b2", value: "2.10", title: "Basketball", items: ["Handicap", "Over/Under", "Winner"] },
+                { id: "b3", value: "1.95", title: "Tennis", items: ["Set Winner", "Total Games", "Match Result"] }
+            ]}
+          />
+        </div>
+        <div id="footer" data-section="footer">
+          <FooterBaseReveal
+            logoText="Swift Haul"
+            columns={[
+              { title: "Navigation", items: [{ label: "Home", href: "/" }, { label: "Games", href: "/games" }, { label: "Betting", href: "/betting" }] }
+            ]}
+            copyrightText="© 2024 Swift Haul Inc."
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/dashboard/page.tsx

@@ -0,0 +1,39 @@
+"use client";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
+
+export default function DashboardPage() {
+  return (
+    <ThemeProvider 
+      defaultButtonVariant="text-stagger" 
+      defaultTextAnimation="entrance-slide" 
+      borderRadius="rounded" 
+      contentWidth="medium" 
+      sizing="medium" 
+      background="circleGradient" 
+      cardStyle="glass-elevated" 
+      primaryButtonStyle="gradient" 
+      secondaryButtonStyle="glass" 
+      headingFontWeight="normal"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarStyleApple 
+          navItems={[{name: "Home", id: "/"}, {name: "About", id: "/about"}, {name: "Dashboard", id: "/dashboard"}, {name: "Contact", id: "/contact"}]} 
+          brandName="Swift Haul" 
+        />
+      </div>
+      <div id="metrics" data-section="metrics">
+        <MetricCardTwo 
+          title="Your Dashboard"
+          description="Overview of your account metrics."
+          metrics={[{id: "1", value: "$12,450", description: "Pending Payouts"}]}
+          gridVariant="uniform-all-items-equal"
+          animationType="blur-reveal"
+          textboxLayout="default"
+          useInvertedBackground={false}
+        />
+      </div>
+    </ThemeProvider>
+  );
+}

src/app/games/page.tsx

@@ -0,0 +1,61 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import ProductCardFour from '@/components/sections/product/ProductCardFour';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+
+export default function GamesPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="text-shift"
+      defaultTextAnimation="reveal-blur"
+      borderRadius="soft"
+      contentWidth="mediumLarge"
+      sizing="mediumLargeSizeMediumTitles"
+      background="noiseDiagonalGradient"
+      cardStyle="solid"
+      primaryButtonStyle="shadow"
+      secondaryButtonStyle="layered"
+      headingFontWeight="medium"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleApple
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Games", id: "/games" },
+              { name: "Betting", id: "/betting" },
+            ]}
+            brandName="Swift Haul"
+          />
+        </div>
+        <div id="games" data-section="games">
+          <ProductCardFour
+            title="Our Gaming Categories"
+            description="Explore our wide selection of exciting games, categorized for your enjoyment."
+            gridVariant="uniform-all-items-equal"
+            animationType="slide-up"
+            useInvertedBackground={false}
+            textboxLayout="default"
+            products={[
+                { id: "g1", name: "Classic Slots", price: "Varied", variant: "Popular", imageSrc: "http://img.b2bpic.net/free-photo/shiny-slot-machine-casino_23-2148569830.jpg" },
+                { id: "g2", name: "Table Games", price: "Starts at $1", variant: "Featured", imageSrc: "http://img.b2bpic.net/free-photo/close-up-poker-chips-cards-green-table_23-2148569845.jpg" },
+                { id: "g3", name: "Live Casino", price: "Varies", variant: "New", imageSrc: "http://img.b2bpic.net/free-photo/live-dealer-roulette-wheel_23-2148569850.jpg" }
+            ]}
+          />
+        </div>
+        <div id="footer" data-section="footer">
+          <FooterBaseReveal
+            logoText="Swift Haul"
+            columns={[
+              { title: "Navigation", items: [{ label: "Home", href: "/" }, { label: "Games", href: "/games" }, { label: "Betting", href: "/betting" }] }
+            ]}
+            copyrightText="© 2024 Swift Haul Inc."
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/login/page.tsx

@@ -0,0 +1,40 @@
+"use client";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import ContactSplit from '@/components/sections/contact/ContactSplit';
+
+export default function LoginPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="text-shift"
+      defaultTextAnimation="reveal-blur"
+      borderRadius="soft"
+      contentWidth="medium"
+      sizing="medium"
+      background="noiseDiagonalGradient"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
+      headingFontWeight="normal"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarStyleApple 
+          navItems={[{name: "Home", id: "/"}, {name: "About", id: "/about"}, {name: "Dashboard", id: "/dashboard"}, {name: "Contact", id: "/contact"}]} 
+          brandName="Swift Haul" 
+        />
+      </div>
+      <div id="contact" data-section="contact">
+        <ContactSplit 
+          tag="Access"
+          title="Login to Your Account"
+          description="Manage your fleet and track your shipments."
+          background={{ variant: "gradient-bars" }}
+          useInvertedBackground={false}
+          mediaAnimation="blur-reveal"
+          inputPlaceholder="Enter your email"
+          buttonText="Login"
+        />
+      </div>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -30,9 +30,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleApple
       navItems={[
-        { name: "About", id: "#about" },
+        { name: "About", id: "/about" },
-        { name: "Services", id: "#features" },
+        { name: "Services", id: "/services" },
-        { name: "Contact", id: "#contact" },
+        { name: "Account", id: "/login" },
+        { name: "Contact", id: "/contact" },
       ]}
       brandName="Swift Haul"
     />
@@ -43,21 +44,15 @@ export default function LandingPage() {
       title="Reliable Freight Solutions for Every Mile"
       description="Swift Haul provides efficient, secure, and time-sensitive trucking services across the nation. Your cargo, our priority."
       buttons={[
-        {
+        { text: "Get a Quote", href: "/contact" },
-          text: "Get a Quote",          href: "#contact"},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/white-semi-truck-driving-highway-sunset_23-2151998715.jpg"
       avatars={[
-        {
+        { src: "http://img.b2bpic.net/free-photo/businessman-smiling-airport-terminal_107420-85119.jpg", alt: "Logistics partner 1" },
-          src: "http://img.b2bpic.net/free-photo/businessman-smiling-airport-terminal_107420-85119.jpg",          alt: "Logistics partner 1"},
+        { src: "http://img.b2bpic.net/free-photo/successful-woman-with-laptop-smiling-looking-side_259150-56871.jpg", alt: "Logistics partner 2" },
-        {
+        { src: "http://img.b2bpic.net/free-photo/businesswoman-working-warehouse_329181-12782.jpg", alt: "Logistics partner 3" },
-          src: "http://img.b2bpic.net/free-photo/successful-woman-with-laptop-smiling-looking-side_259150-56871.jpg",          alt: "Logistics partner 2"},
+        { src: "http://img.b2bpic.net/free-photo/medium-shot-man-holding-clipboard_23-2149214304.jpg", alt: "Logistics partner 4" },
-        {
+        { src: "http://img.b2bpic.net/free-photo/smiley-woman-office-holding-tablet_23-2148356266.jpg", alt: "Logistics partner 5" },
-          src: "http://img.b2bpic.net/free-photo/businesswoman-working-warehouse_329181-12782.jpg",          alt: "Logistics partner 3"},
-        {
-          src: "http://img.b2bpic.net/free-photo/medium-shot-man-holding-clipboard_23-2149214304.jpg",          alt: "Logistics partner 4"},
-        {
-          src: "http://img.b2bpic.net/free-photo/smiley-woman-office-holding-tablet_23-2148356266.jpg",          alt: "Logistics partner 5"},
       ]}
       avatarText="Trusted by 500+ partners"
     />
@@ -71,12 +66,9 @@ export default function LandingPage() {
       title="Years of Excellence in Logistics"
       description="We started as a local carrier and have evolved into a full-scale logistics powerhouse. We combine modern technology with traditional trucking values to ensure your shipments are delivered safely and on schedule."
       bulletPoints={[
-        {
+        { title: "24/7 Dispatch", description: "Round-the-clock support for your freight." },
-          title: "24/7 Dispatch",          description: "Round-the-clock support for your freight."},
+        { title: "Real-time Tracking", description: "Know where your cargo is every second." },
-        {
+        { title: "Certified Drivers", description: "Experienced professionals behind the wheel." },
-          title: "Real-time Tracking",          description: "Know where your cargo is every second."},
-        {
-          title: "Certified Drivers",          description: "Experienced professionals behind the wheel."},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/asian-employees-checking-warehouse-supplies-tablet-files-working-with-storage-room-logistics-young-team-people-using-gadget-papers-business-plan-production_482257-59955.jpg"
       mediaAnimation="slide-up"
@@ -89,15 +81,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       features={[
-        {
+        { title: "Route Optimization", description: "Advanced planning for faster deliveries.", bentoComponent: "reveal-icon", icon: Zap },
-          title: "Route Optimization",          description: "Advanced planning for faster deliveries.",          bentoComponent: "reveal-icon",          icon: Zap
+        { title: "Global Logistics", description: "Connecting your business to the world.", bentoComponent: "reveal-icon", icon: Globe },
-        },
+        { title: "Secure Shipping", description: "End-to-end cargo protection.", bentoComponent: "reveal-icon", icon: ShieldCheck },
-        {
-          title: "Global Logistics",          description: "Connecting your business to the world.",          bentoComponent: "reveal-icon",          icon: Globe
-        },
-        {
-          title: "Secure Shipping",          description: "End-to-end cargo protection.",          bentoComponent: "reveal-icon",          icon: ShieldCheck
-        },
       ]}
       title="Core Transportation Services"
       description="From long-haul freight to specialized equipment, we have the capacity to handle your unique logistical challenges."
@@ -111,12 +97,9 @@ export default function LandingPage() {
       gridVariant="uniform-all-items-equal"
       useInvertedBackground={false}
       metrics={[
-        {
+        { id: "m1", value: "15K+", description: "Shipments Completed" },
-          id: "m1",          value: "15K+",          description: "Shipments Completed"},
+        { id: "m2", value: "500+", description: "Active Fleet Trucks" },
-        {
+        { id: "m3", value: "99.8%", description: "On-time Delivery Rate" },
-          id: "m2",          value: "500+",          description: "Active Fleet Trucks"},
-        {
-          id: "m3",          value: "99.8%",          description: "On-time Delivery Rate"},
       ]}
       title="Our Impact in Numbers"
       description="Proven performance and reliability for thousands of satisfied customers across the country."
@@ -128,16 +111,11 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       testimonials={[
-        {
+        { id: "1", title: "Reliable Partner", quote: "Swift Haul has transformed our supply chain reliability.", name: "John Doe", role: "CEO", imageSrc: "http://img.b2bpic.net/free-photo/man-warehouse-carrying-box_23-2148923107.jpg" },
-          id: "1",          title: "Reliable Partner",          quote: "Swift Haul has transformed our supply chain reliability.",          name: "John Doe",          role: "CEO",          imageSrc: "http://img.b2bpic.net/free-photo/man-warehouse-carrying-box_23-2148923107.jpg"},
+        { id: "2", title: "Exceptional Service", quote: "Their team goes above and beyond to meet deadlines.", name: "Sarah Smith", role: "Manager", imageSrc: "http://img.b2bpic.net/free-photo/serious-executive-with-short-hair-crossed-arms_1149-89.jpg" },
-        {
+        { id: "3", title: "Top Tier Logistics", quote: "Communication is excellent, zero issues so far.", name: "Mike Ross", role: "Logistics Lead", imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-young-businessman-with-his-arms-crossed_23-2148176206.jpg" },
-          id: "2",          title: "Exceptional Service",          quote: "Their team goes above and beyond to meet deadlines.",          name: "Sarah Smith",          role: "Manager",          imageSrc: "http://img.b2bpic.net/free-photo/serious-executive-with-short-hair-crossed-arms_1149-89.jpg"},
+        { id: "4", title: "Consistent Quality", quote: "Our goods arrive in perfect condition every time.", name: "Jane Wilson", role: "Supply Chain Head", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-businesswoman_329181-11722.jpg" },
-        {
+        { id: "5", title: "Highly Recommend", quote: "Great professional company, dependable partners.", name: "Robert Brown", role: "VP Operations", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-woman-talking_23-2150171290.jpg" },
-          id: "3",          title: "Top Tier Logistics",          quote: "Communication is excellent, zero issues so far.",          name: "Mike Ross",          role: "Logistics Lead",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-young-businessman-with-his-arms-crossed_23-2148176206.jpg"},
-        {
-          id: "4",          title: "Consistent Quality",          quote: "Our goods arrive in perfect condition every time.",          name: "Jane Wilson",          role: "Supply Chain Head",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-businesswoman_329181-11722.jpg"},
-        {
-          id: "5",          title: "Highly Recommend",          quote: "Great professional company, dependable partners.",          name: "Robert Brown",          role: "VP Operations",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-woman-talking_23-2150171290.jpg"},
       ]}
       title="What Our Partners Say"
       description="Businesses rely on Swift Haul for consistent performance and professional communication at every stage of the shipping journey."
@@ -147,12 +125,10 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactText
       useInvertedBackground={false}
-      background={{
+      background={{ variant: "gradient-bars" }}
-        variant: "gradient-bars"}}
       text="Ready to move your freight? Contact our dispatch office today for a customized transportation solution."
       buttons={[
-        {
+        { text: "Contact Dispatch", href: "/contact" },
-          text: "Contact Dispatch",          href: "mailto:dispatch@swifthaul.com"},
       ]}
     />
   </div>
@@ -161,22 +137,9 @@ export default function LandingPage() {
       <FooterBaseReveal
       logoText="Swift Haul"
       columns={[
-        {
+        { title: "Company", items: [{ label: "About", href: "/about" }, { label: "Services", href: "/services" }] },
-          title: "Company",          items: [
+        { title: "Account", items: [{ label: "Dashboard", href: "/dashboard" }, { label: "Login", href: "/login" }] },
-            {
+        { title: "Support", items: [{ label: "Contact", href: "/contact" }, { label: "Privacy", href: "/privacy" }, { label: "Terms", href: "/terms" }] },
-              label: "About",              href: "#about"},
-            {
-              label: "Services",              href: "#features"},
-          ],
-        },
-        {
-          title: "Support",          items: [
-            {
-              label: "Contact",              href: "#contact"},
-            {
-              label: "Privacy Policy",              href: "#"},
-          ],
-        },
       ]}
       copyrightText="© 2024 Swift Haul Inc."
     />
@@ -184,4 +147,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/privacy/page.tsx

@@ -0,0 +1,35 @@
+"use client";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import LegalSection from '@/components/legal/LegalSection';
+
+export default function PrivacyPage() {
+  return (
+    <ThemeProvider 
+      defaultButtonVariant="text-stagger" 
+      defaultTextAnimation="entrance-slide" 
+      borderRadius="rounded" 
+      contentWidth="medium" 
+      sizing="medium" 
+      background="circleGradient" 
+      cardStyle="glass-elevated" 
+      primaryButtonStyle="gradient" 
+      secondaryButtonStyle="glass" 
+      headingFontWeight="normal"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarStyleApple 
+          navItems={[{name: "Home", id: "/"}, {name: "About", id: "/about"}, {name: "Dashboard", id: "/dashboard"}, {name: "Contact", id: "/contact"}]} 
+          brandName="Swift Haul" 
+        />
+      </div>
+      <div id="legal" data-section="legal">
+        <LegalSection 
+            layout="page" 
+            title="Privacy Policy" 
+            sections={[{heading: "Data", content: {text: "We protect your data.", type: "paragraph"}}]} 
+        />
+      </div>
+    </ThemeProvider>
+  );
+}

src/app/responsible-gaming/page.tsx

@@ -0,0 +1,53 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import LegalSection from '@/components/legal/LegalSection';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+
+export default function ResponsibleGamingPage() {
+  return (
+    <ThemeProvider 
+      defaultButtonVariant="text-stagger" 
+      defaultTextAnimation="entrance-slide" 
+      borderRadius="rounded" 
+      contentWidth="medium" 
+      sizing="medium" 
+      background="circleGradient" 
+      cardStyle="glass-elevated" 
+      primaryButtonStyle="gradient" 
+      secondaryButtonStyle="glass" 
+      headingFontWeight="normal"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarStyleApple
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "About", id: "/about" },
+            { name: "Dashboard", id: "/dashboard" },
+            { name: "Contact", id: "/contact" },
+          ]}
+          brandName="Swift Haul"
+        />
+      </div>
+      <div id="legal" data-section="legal">
+        <LegalSection
+            layout="page"
+            title="Responsible Gaming"
+            sections={[
+                { heading: "Our Commitment", content: { text: "At Swift Haul, we prioritize safety and integrity in everything we do.", type: "paragraph" } }
+            ]}
+        />
+      </div>
+      <div id="footer" data-section="footer">
+        <FooterBaseReveal
+          logoText="Swift Haul"
+          columns={[
+            { title: "Company", items: [{ label: "About", href: "/about" }] },
+            { title: "Support", items: [{ label: "Contact", href: "/contact" }] },
+          ]}
+        />
+      </div>
+    </ThemeProvider>
+  );
+}

src/app/terms/page.tsx

@@ -0,0 +1,35 @@
+"use client";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import LegalSection from '@/components/legal/LegalSection';
+
+export default function TermsPage() {
+  return (
+    <ThemeProvider 
+      defaultButtonVariant="text-stagger" 
+      defaultTextAnimation="entrance-slide" 
+      borderRadius="rounded" 
+      contentWidth="medium" 
+      sizing="medium" 
+      background="circleGradient" 
+      cardStyle="glass-elevated" 
+      primaryButtonStyle="gradient" 
+      secondaryButtonStyle="glass" 
+      headingFontWeight="normal"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarStyleApple 
+          navItems={[{name: "Home", id: "/"}, {name: "About", id: "/about"}, {name: "Dashboard", id: "/dashboard"}, {name: "Contact", id: "/contact"}]} 
+          brandName="Swift Haul" 
+        />
+      </div>
+      <div id="legal" data-section="legal">
+        <LegalSection 
+            layout="page" 
+            title="Terms of Service" 
+            sections={[{heading: "Usage", content: {text: "By using our services, you agree to these terms.", type: "paragraph"}}]} 
+        />
+      </div>
+    </ThemeProvider>
+  );
+}