Merge version_4 into main #8

Merged
bender merged 9 commits from version_4 into main 2026-04-14 23:29:15 +00:00
9 changed files with 310 additions and 67 deletions

41
src/app/about/page.tsx Normal file
View File

@@ -0,0 +1,41 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
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>
<ReactLenis root>
<NavbarStyleApple
navItems={[
{ name: "Home", id: "/" },
{ name: "About", id: "/about" },
{ name: "Responsible Gaming", id: "/responsible-gaming" },
{ name: "Contact", id: "#contact" },
]}
brandName="Swift Haul"
/>
<div style={{ paddingTop: "100px", paddingBottom: "100px" }}>
<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>
<FooterBaseReveal
logoText="Swift Haul"
columns={[
{ title: "Company", items: [{ label: "About", href: "/about" }, { label: "Responsible Gaming", href: "/responsible-gaming" }] },
{ title: "Support", items: [{ label: "Contact", href: "/" }, { label: "Privacy Policy", href: "#" }] },
]}
/>
</ReactLenis>
</ThemeProvider>
);
}

60
src/app/betting/page.tsx Normal file
View File

@@ -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>
);
}

View File

@@ -0,0 +1,19 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
export default function DashboardPage() {
return (
<ThemeProvider borderRadius="soft" contentWidth="medium">
<NavbarStyleApple navItems={[{name: "Home", id: "/"}, {name: "Account", id: "/dashboard"}]} brandName="Swift Haul" />
<div className="pt-32">
<MetricCardSeven
title="Your Dashboard"
metrics={[{id: "1", value: "$12,450", title: "Pending Payouts", items: ["Direct Deposit"]}]}
animationType="blur-reveal"
/>
</div>
</ThemeProvider>
);
}

61
src/app/games/page.tsx Normal file
View File

@@ -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>
);
}

28
src/app/login/page.tsx Normal file
View File

@@ -0,0 +1,28 @@
"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"
background="noiseDiagonalGradient"
>
<NavbarStyleApple navItems={[{name: "Home", id: "/"}, {name: "Login", id: "/login"}]} brandName="Swift Haul" />
<div className="pt-32">
<ContactSplit
tag="Access"
title="Login to Your Account"
description="Manage your fleet and track your shipments."
background={{ variant: "gradient-bars" }}
inputPlaceholder="Enter your email"
buttonText="Login"
/>
</div>
</ThemeProvider>
);
}

View File

@@ -30,9 +30,10 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{ name: "About", id: "#about" },
{ name: "Services", id: "#features" },
{ name: "Contact", id: "#contact" },
{ name: "About", id: "/about" },
{ name: "Services", id: "/services" },
{ 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/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/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/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/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: "Real-time Tracking", description: "Know where your cargo is every second."},
{
title: "Certified Drivers", description: "Experienced professionals behind the wheel."},
{ 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." },
]}
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: "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: "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="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: "m2", value: "500+", description: "Active Fleet Trucks"},
{
id: "m3", value: "99.8%", description: "On-time Delivery Rate"},
{ 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" },
]}
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: "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: "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: "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: "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={{
variant: "gradient-bars"}}
background={{ 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: "/contact" },
]}
/>
</div>
@@ -161,22 +137,9 @@ export default function LandingPage() {
<FooterBaseReveal
logoText="Swift Haul"
columns={[
{
title: "Company", items: [
{
label: "About", href: "#about"},
{
label: "Services", href: "#features"},
],
},
{
title: "Support", items: [
{
label: "Contact", href: "#contact"},
{
label: "Privacy Policy", href: "#"},
],
},
{ title: "Company", items: [{ label: "About", href: "/about" }, { label: "Services", href: "/services" }] },
{ 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" }] },
]}
copyrightText="© 2024 Swift Haul Inc."
/>
@@ -184,4 +147,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}

15
src/app/privacy/page.tsx Normal file
View File

@@ -0,0 +1,15 @@
"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 borderRadius="soft">
<NavbarStyleApple navItems={[{name: "Home", id: "/"}]} brandName="Swift Haul" />
<div className="pt-32">
<LegalSection layout="page" title="Privacy Policy" sections={[{heading: "Data", content: {type: "paragraph", text: "We protect your data."}}]} />
</div>
</ThemeProvider>
);
}

View File

@@ -0,0 +1,41 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
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>
<ReactLenis root>
<NavbarStyleApple
navItems={[
{ name: "Home", id: "/" },
{ name: "About", id: "/about" },
{ name: "Responsible Gaming", id: "/responsible-gaming" },
{ name: "Contact", id: "#contact" },
]}
brandName="Swift Haul"
/>
<div style={{ paddingTop: "100px", paddingBottom: "100px" }}>
<LegalSection
layout="page"
title="Responsible Gaming"
sections={[
{ heading: "Our Commitment", content: { type: "paragraph", text: "At Swift Haul, we prioritize safety and integrity in everything we do." } }
]}
/>
</div>
<FooterBaseReveal
logoText="Swift Haul"
columns={[
{ title: "Company", items: [{ label: "About", href: "/about" }, { label: "Responsible Gaming", href: "/responsible-gaming" }] },
{ title: "Support", items: [{ label: "Contact", href: "/" }, { label: "Privacy Policy", href: "#" }] },
]}
/>
</ReactLenis>
</ThemeProvider>
);
}

15
src/app/terms/page.tsx Normal file
View File

@@ -0,0 +1,15 @@
"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 borderRadius="soft">
<NavbarStyleApple navItems={[{name: "Home", id: "/"}]} brandName="Swift Haul" />
<div className="pt-32">
<LegalSection layout="page" title="Terms of Service" sections={[{heading: "Usage", content: {type: "paragraph", text: "By using our services, you agree to these terms."}}]} />
</div>
</ThemeProvider>
);
}