Compare commits
5 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 3c677bb313 | |||
| 3eaefcf72c | |||
| e44931a49f | |||
| 75053340dd | |||
| 80629f7f57 |
59
src/app/contact/page.tsx
Normal file
59
src/app/contact/page.tsx
Normal file
@@ -0,0 +1,59 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
|
||||
export default function ContactPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="pill"
|
||||
contentWidth="smallMedium"
|
||||
sizing="mediumLarge"
|
||||
background="noiseDiagonalGradient"
|
||||
cardStyle="glass-depth"
|
||||
primaryButtonStyle="double-inset"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "About", id: "/#about" },
|
||||
{ name: "Services", id: "/#services" },
|
||||
{ name: "Trust", id: "/#trust" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="Still Trucking"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
tag="Get in touch"
|
||||
title="Contact Our Team"
|
||||
description="Reach out to us for any freight logistics inquiries and service requests."
|
||||
background={{ variant: "plain" }}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Still Trucking Inc"
|
||||
columns={[
|
||||
{ title: "Company", items: [{ label: "About", href: "/#about" }, { label: "Services", href: "/#services" }] },
|
||||
{ title: "Resources", items: [{ label: "FAQ", href: "/#faq" }, { label: "Safety", href: "#" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
106
src/app/page.tsx
106
src/app/page.tsx
@@ -31,9 +31,9 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "Trust", id: "/trust" },
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Services", id: "#services" },
|
||||
{ name: "Trust", id: "#trust" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="Still Trucking"
|
||||
@@ -62,6 +62,102 @@ export default function LandingPage() {
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/scene-with-photorealistic-logistics-operations-proceedings_23-2151468845.jpg", imageAlt: "Still Trucking Fleet L" },
|
||||
]}
|
||||
buttons={[{ text: "Get a Quote", href: "/contact" }]}
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/female-trucker-standing-front-parked-trucks-pointing-her-finger-transportation-vehicles_342744-281.jpg", alt: "User 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/man-working-as-truck-driver_23-2151489726.jpg", alt: "User 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/truck-driver-occupation_342744-293.jpg", alt: "User 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/female-truck-driver-opening-cabin-door-entering-truck-vehicle_342744-286.jpg", alt: "User 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/transport-logistics-concept_23-2151541864.jpg", alt: "User 5" },
|
||||
]}
|
||||
avatarText="Trusted by 500+ satisfied businesses"
|
||||
marqueeItems={[
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-vector/abstract-circle-inside-square-logo_1043-92.jpg", alt: "Logo 1" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-vector/logo-with-blue-arrow-green-arrow_1057-2159.jpg", alt: "Logo 2" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-vector/abstract-blue-logo-with-circle-middle_1043-241.jpg", alt: "Logo 3" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-vector/geometrik-logo-colorfuel_125964-423.jpg", alt: "Logo 4" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-vector/collection-blue-logos_1045-551.jpg", alt: "Logo 5" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="Committed to Excellence in Transportation"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "Real-time Tracking", description: "Always know where your cargo is with our advanced digital monitoring.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-delivery-man-with-tablet_23-2149035867.jpg", imageAlt: "Tracking" },
|
||||
{ title: "Safety Guaranteed", description: "Strict compliance with safety standards ensures your freight arrives protected.", imageSrc: "http://img.b2bpic.net/free-photo/female-worker-using-tablet-pc-warehouse_107420-96539.jpg", imageAlt: "Safety" },
|
||||
{ title: "Optimized Routes", description: "Our team ensures the fastest, most efficient transport paths for every delivery.", imageSrc: "http://img.b2bpic.net/free-photo/still-life-supply-chain-representation_23-2149827318.jpg", imageAlt: "Routes" },
|
||||
]}
|
||||
title="Comprehensive Freight Services"
|
||||
description="We specialize in tailored logistics solutions to meet the demands of modern business."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardEleven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "m1", value: "99.8%", title: "On-Time Delivery", description: "Consistency you can rely on.", imageSrc: "http://img.b2bpic.net/free-photo/still-life-supply-chain-representation_23-2149827261.jpg", imageAlt: "Delivery" },
|
||||
{ id: "m2", value: "500+", title: "Trucks in Fleet", description: "Capacity for any job size.", imageSrc: "http://img.b2bpic.net/free-photo/truck-logistics-operations-dusk_23-2151468803.jpg", imageAlt: "Fleet" },
|
||||
{ id: "m3", value: "24/7", title: "Support Availability", description: "Here when you need us.", imageSrc: "http://img.b2bpic.net/free-photo/man-truck-with-food-side-view_23-2149426529.jpg", imageAlt: "Support" },
|
||||
]}
|
||||
title="Proven Performance"
|
||||
description="Numbers that define our reliability in the trucking industry."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Sarah Jenkins", role: "Logistics Manager", company: "RetailCorp", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-man-wearing-blue-outfit-he-is-offering-red-toy_1298-210.jpg", imageAlt: "Sarah" },
|
||||
{ id: "2", name: "Mark Roberts", role: "Supply Chain Lead", company: "GlobalTrade", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/delivery-man-showing-woman-where-sign-receive-order_23-2148455130.jpg", imageAlt: "Mark" },
|
||||
{ id: "3", name: "Emily Chen", role: "Operations Director", company: "EcoGoods", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/employee-working-with-trendy-clothes_482257-78860.jpg", imageAlt: "Emily" },
|
||||
{ id: "4", name: "David Miller", role: "Buyer", company: "AutoPartsCo", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-courier-handshaking-with-african-american-woman-while-delivering-her-package_637285-2270.jpg", imageAlt: "David" },
|
||||
{ id: "5", name: "Julia Smith", role: "Owner", company: "LocalDist", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-mechanic-standing-repair-shop_1170-1348.jpg", imageAlt: "Julia" },
|
||||
]}
|
||||
title="Trusted by Industry Leaders"
|
||||
description="See why top companies choose Still Trucking for their logistics."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="trust" data-section="trust">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"RetailCorp", "GlobalTrade", "EcoGoods", "AutoPartsCo", "LocalDist", "FreightLink", "SupplyMax"
|
||||
]}
|
||||
title="Industry Partners"
|
||||
description="Our logistics network extends across key business corridors."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "f1", title: "What areas do you serve?", content: "We provide regional and national trucking services across North America." },
|
||||
{ id: "f2", title: "How do I request a quote?", content: "Simply fill out our contact form or call us to get a tailored logistics proposal." },
|
||||
{ id: "f3", title: "Are my goods insured?", content: "All shipments under our care are fully insured to provide peace of mind." },
|
||||
]}
|
||||
sideTitle="Frequently Asked Questions"
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -69,8 +165,8 @@ export default function LandingPage() {
|
||||
<FooterBaseCard
|
||||
logoText="Still Trucking Inc"
|
||||
columns={[
|
||||
{ title: "Company", items: [{ label: "About", href: "/about" }, { label: "Services", href: "/services" }] },
|
||||
{ title: "Resources", items: [{ label: "FAQ", href: "/faq" }, { label: "Safety", href: "#" }] },
|
||||
{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Services", href: "#services" }] },
|
||||
{ title: "Resources", items: [{ label: "FAQ", href: "#faq" }, { label: "Safety", href: "#" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
|
||||
@@ -1,59 +0,0 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
|
||||
export default function ServicesPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="pill"
|
||||
contentWidth="smallMedium"
|
||||
sizing="mediumLarge"
|
||||
background="noiseDiagonalGradient"
|
||||
cardStyle="glass-depth"
|
||||
primaryButtonStyle="double-inset"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="Still Trucking"
|
||||
/>
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "Real-time Tracking", description: "Always know where your cargo is with our advanced digital monitoring.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-delivery-man-with-tablet_23-2149035867.jpg", imageAlt: "Tracking" },
|
||||
{ title: "Safety Guaranteed", description: "Strict compliance with safety standards ensures your freight arrives protected.", imageSrc: "http://img.b2bpic.net/free-photo/female-worker-using-tablet-pc-warehouse_107420-96539.jpg", imageAlt: "Safety" },
|
||||
{ title: "Optimized Routes", description: "Our team ensures the fastest, most efficient transport paths for every delivery.", imageSrc: "http://img.b2bpic.net/free-photo/still-life-supply-chain-representation_23-2149827318.jpg", imageAlt: "Routes" },
|
||||
]}
|
||||
title="Comprehensive Freight Services"
|
||||
description="We specialize in tailored logistics solutions to meet the demands of modern business."
|
||||
/>
|
||||
</div>
|
||||
<FooterBaseCard
|
||||
logoText="Still Trucking Inc"
|
||||
columns={[
|
||||
{ title: "Company", items: [{ label: "About", href: "/about" }, { label: "Services", href: "/services" }] },
|
||||
{ title: "Resources", items: [{ label: "FAQ", href: "/faq" }, { label: "Safety", href: "#" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user