Update src/app/betting/page.tsx

Merge version_2 into main

src/app/betting/page.tsx

@@ -0,0 +1,28 @@
+"use client";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+
+export default function BettingPage() {
+  return (
+    <ThemeProvider defaultButtonVariant="hover-magnetic" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+      <NavbarStyleApple 
+        navItems={[{ name: "Home", id: "/" }, { name: "Games", id: "/games" }, { name: "Betting", id: "/betting" }]} 
+        brandName="Swift Haul"
+      />
+      <PricingCardEight 
+        title="Sports Betting Arena"
+        description="Get competitive odds on your favorite sporting events."
+        plans={[
+            { id: "1", badge: "Premier", price: "1.85", subtitle: "Team A Win", buttons: [{text: "Bet Now"}], features: ["Fast Payouts", "Live Stats"] },
+            { id: "2", badge: "Premier", price: "2.10", subtitle: "Team B Win", buttons: [{text: "Bet Now"}], features: ["Fast Payouts", "Live Stats"] }
+        ]}
+        animationType="slide-up"
+        textboxLayout="default"
+        useInvertedBackground={false}
+      />
+      <FooterBaseReveal logoText="Swift Haul" columns={[]} />
+    </ThemeProvider>
+  );
+}

src/app/games/page.tsx

@@ -0,0 +1,28 @@
+"use client";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+
+export default function GamesPage() {
+  return (
+    <ThemeProvider defaultButtonVariant="hover-magnetic" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+      <NavbarStyleApple 
+        navItems={[{ name: "Home", id: "/" }, { name: "Games", id: "/games" }, { name: "Betting", id: "/betting" }]} 
+        brandName="Swift Haul"
+      />
+      <FeatureCardTwentySeven 
+        title="Our Casino Games"
+        description="Explore our curated selection of premium casino games, from slots to live dealer experiences."
+        features={[
+            { id: "1", title: "Classic Slots", descriptions: ["Retro vibes"], imageSrc: "" },
+            { id: "2", title: "Live Roulette", descriptions: ["Real-time action"], imageSrc: "" }
+        ]}
+        animationType="slide-up"
+        textboxLayout="default"
+        useInvertedBackground={false}
+      />
+      <FooterBaseReveal logoText="Swift Haul" columns={[]} />
+    </ThemeProvider>
+  );
+}

src/app/login/page.tsx

@@ -0,0 +1,20 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ContactText from '@/components/sections/contact/ContactText';
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+
+export default function LoginPage() {
+  return (
+    <ThemeProvider defaultButtonVariant="hover-magnetic" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+      <NavbarStyleApple navItems={[{ name: "Home", id: "/" }, { name: "Login", id: "/login" }]} brandName="Swift Haul" />
+      <div className="min-h-screen flex items-center justify-center pt-20">
+        <ContactText 
+            text="Login to Your Account"
+            background={{ variant: "gradient-bars" }}
+            useInvertedBackground={false}
+        />
+      </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: "Contact", id: "/contact" },
+        { name: "Account", id: "/login" }
       ]}
       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: "mailto:dispatch@swifthaul.com" },
-          text: "Contact Dispatch",          href: "mailto:dispatch@swifthaul.com"},
       ]}
     />
   </div>
@@ -162,19 +138,15 @@ export default function LandingPage() {
       logoText="Swift Haul"
       columns={[
         {
-          title: "Company",          items: [
+          title: "Legal & Safety",          items: [
-            {
+            { label: "Responsible Gambling", href: "/responsible-gambling" },
-              label: "About",              href: "#about"},
+            { label: "Terms and Conditions", href: "/terms" },
-            {
-              label: "Services",              href: "#features"},
           ],
         },
         {
           title: "Support",          items: [
-            {
+            { label: "Contact", href: "/contact" },
-              label: "Contact",              href: "#contact"},
+            { label: "Login", href: "/login" },
-            {
-              label: "Privacy Policy",              href: "#"},
           ],
         },
       ]}

src/app/responsible-gambling/page.tsx

@@ -0,0 +1,23 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import LegalSection from '@/components/legal/LegalSection';
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+
+export default function ResponsibleGamblingPage() {
+  return (
+    <ThemeProvider defaultButtonVariant="hover-magnetic" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+      <NavbarStyleApple navItems={[{ name: "Home", id: "/" }, { name: "Responsible Gambling", id: "/responsible-gambling" }]} brandName="Swift Haul" />
+      <div className="pt-20">
+        <LegalSection
+          layout="page"
+          title="Responsible Gambling Resources"
+          sections={[
+            { heading: "Our Commitment", content: { type: "paragraph", text: "We are committed to promoting responsible gaming practices and providing resources to ensure our platform remains safe for everyone." } },
+            { heading: "Tools for You", content: { type: "list", items: ["Set deposit limits", "Self-exclusion options", "Time management reminders", "Links to support organizations"] } }
+          ]}
+        />
+      </div>
+    </ThemeProvider>
+  );
+}

src/app/terms/page.tsx

@@ -0,0 +1,23 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import LegalSection from '@/components/legal/LegalSection';
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+
+export default function TermsPage() {
+  return (
+    <ThemeProvider defaultButtonVariant="hover-magnetic" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+      <NavbarStyleApple navItems={[{ name: "Home", id: "/" }, { name: "Terms", id: "/terms" }]} brandName="Swift Haul" />
+      <div className="pt-20">
+        <LegalSection
+          layout="page"
+          title="Terms and Conditions"
+          sections={[
+            { heading: "Acceptance of Terms", content: { type: "paragraph", text: "By accessing or using our services, you agree to be bound by these terms and conditions." } },
+            { heading: "Usage Guidelines", content: { type: "numbered-list", items: ["Maintain accurate account information.", "Respect community standards.", "Do not misuse our software or logistics data."] } }
+          ]}
+        />
+      </div>
+    </ThemeProvider>
+  );
+}