Merge version_1 into main #4
238
src/app/page.tsx
238
src/app/page.tsx
@@ -25,147 +25,115 @@ export default function LandingPage() {
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "/"},
|
||||
{
|
||||
name: "About", id: "/about"},
|
||||
{
|
||||
name: "Services", id: "/services"},
|
||||
{
|
||||
name: "Contact", id: "/contact"},
|
||||
]}
|
||||
brandName="Sta-Mel Enterprises"
|
||||
button={{
|
||||
text: "Request a Quote", href: "/contact"}}
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="Sta-Mel Enterprises"
|
||||
button={{ text: "Request a Quote", href: "/contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "plain"}}
|
||||
logoText="Sta-Mel Enterprises Inc."
|
||||
description="Hauling What Matters, When It Matters. Professional trucking & transportation services in Webb, Iowa. Available 24/7."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call (712) 838-4337", href: "tel:7128384337"},
|
||||
{
|
||||
text: "Request a Quote", href: "/contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/semi-truck-highway-sunset_23-2152009008.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{ variant: "plain" }}
|
||||
logoText="Sta-Mel Enterprises Inc."
|
||||
description="Hauling What Matters, When It Matters. Professional trucking & transportation services in Webb, Iowa. Available 24/7."
|
||||
buttons={[
|
||||
{ text: "Call (712) 838-4337", href: "tel:7128384337" },
|
||||
{ text: "Request a Quote", href: "/contact" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/semi-truck-highway-sunset_23-2152009008.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="one-large-left-three-stacked-right"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Mark Miller", role: "Logistics Manager", company: "Midwest Supply", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-men-wearing-helmets-vests_23-2149426477.jpg"},
|
||||
{
|
||||
id: "2", name: "Sarah Davis", role: "Supply Chain Director", company: "Industrial Co", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-warehouse-worker-protective-uniform-checking-goods-distribution-market_342744-1527.jpg"},
|
||||
{
|
||||
id: "3", name: "James Wilson", role: "Owner", company: "Wilson Agri", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-interviewee-taking-notes_23-2149037866.jpg"},
|
||||
{
|
||||
id: "4", name: "Elena Rodriguez", role: "Operations Lead", company: "Freight Pro", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-courier-handshaking-with-african-american-woman-while-delivering-her-package_637285-2270.jpg"},
|
||||
{
|
||||
id: "5", name: "David Kim", role: "Purchasing Agent", company: "Construction Inc", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-people-working-warehouse_329181-12821.jpg"},
|
||||
]}
|
||||
title="Trusted by Industry Leaders"
|
||||
description="With a 5.0 Google Rating, we are the transportation partner you can rely on."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="one-large-left-three-stacked-right"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Mark Miller", role: "Logistics Manager", company: "Midwest Supply", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/full-shot-men-wearing-helmets-vests_23-2149426477.jpg" },
|
||||
{ id: "2", name: "Sarah Davis", role: "Supply Chain Director", company: "Industrial Co", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-warehouse-worker-protective-uniform-checking-goods-distribution-market_342744-1527.jpg" },
|
||||
{ id: "3", name: "James Wilson", role: "Owner", company: "Wilson Agri", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-interviewee-taking-notes_23-2149037866.jpg" },
|
||||
{ id: "4", name: "Elena Rodriguez", role: "Operations Lead", company: "Freight Pro", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-courier-handshaking-with-african-american-woman-while-delivering-her-package_637285-2270.jpg" },
|
||||
{ id: "5", name: "David Kim", role: "Purchasing Agent", company: "Construction Inc", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/two-people-working-warehouse_329181-12821.jpg" },
|
||||
]}
|
||||
title="Trusted by Industry Leaders"
|
||||
description="With a 5.0 Google Rating, we are the transportation partner you can rely on."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text", content: "Built on "},
|
||||
{
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/big-rusty-truck-field_23-2148573811.jpg"},
|
||||
{
|
||||
type: "text", content: " Hard Work"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{ type: "text", content: "Built on " },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/big-rusty-truck-field_23-2148573811.jpg" },
|
||||
{ type: "text", content: " Hard Work" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="feature" data-section="feature">
|
||||
<FeatureCardTwentyEight
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Our Operations"
|
||||
description="Data-driven logistics tailored to your business needs."
|
||||
features={[
|
||||
{
|
||||
id: "1", title: "Fleet Management", subtitle: "Full oversight", category: "Operations", value: "24/7"},
|
||||
{
|
||||
id: "2", title: "Real-time Tracking", subtitle: "Updates enabled", category: "Technology", value: "Live"},
|
||||
{
|
||||
id: "3", title: "Cargo Safety", subtitle: "Priority protocol", category: "Standards", value: "100%"},
|
||||
{
|
||||
id: "4", title: "Route Optimization", subtitle: "Fuel efficient", category: "Planning", value: "Smart"},
|
||||
{
|
||||
id: "5", title: "Maintenance", subtitle: "Proactive service", category: "Maintenance", value: "Daily"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="feature" data-section="feature">
|
||||
<FeatureCardTwentyEight
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Our Operations"
|
||||
description="Data-driven logistics tailored to your business needs."
|
||||
features={[
|
||||
{ id: "1", title: "Fleet Management", subtitle: "Full oversight", category: "Operations", value: "24/7" },
|
||||
{ id: "2", title: "Real-time Tracking", subtitle: "Updates enabled", category: "Technology", value: "Live" },
|
||||
{ id: "3", title: "Cargo Safety", subtitle: "Priority protocol", category: "Standards", value: "100%" },
|
||||
{ id: "4", title: "Route Optimization", subtitle: "Fuel efficient", category: "Planning", value: "Smart" },
|
||||
{ id: "5", title: "Maintenance", subtitle: "Proactive service", category: "Maintenance", value: "Daily" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="blog" data-section="blog">
|
||||
<BlogCardTwo
|
||||
title="Latest Insights"
|
||||
description="Stay updated on industry trends and company news."
|
||||
blogs={[
|
||||
{ id: "1", title: "Optimizing Supply Chains", date: "2024-05-01", excerpt: "How logistics is evolving in the Midwest.", imageSrc: "http://img.b2bpic.net/free-photo/semi-truck-highway-sunset_23-2152009008.jpg", authorName: "Admin", authorAvatar: "http://img.b2bpic.net/free-photo/full-shot-men-wearing-helmets-vests_23-2149426477.jpg" },
|
||||
{ id: "2", title: "Safety First Protocols", date: "2024-05-15", excerpt: "Prioritizing cargo safety on every haul.", imageSrc: "http://img.b2bpic.net/free-photo/big-rusty-truck-field_23-2148573811.jpg", authorName: "Admin", authorAvatar: "http://img.b2bpic.net/free-photo/full-shot-men-wearing-helmets-vests_23-2149426477.jpg" }
|
||||
]}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
<div id="blog" data-section="blog">
|
||||
<BlogCardTwo
|
||||
title="Latest Insights"
|
||||
description="Stay updated on industry trends and company news."
|
||||
blogs={[
|
||||
{ id: "1", title: "Optimizing Supply Chains", date: "2024-05-01", excerpt: "How logistics is evolving in the Midwest.", imageSrc: "http://img.b2bpic.net/free-photo/semi-truck-highway-sunset_23-2152009008.jpg", authorName: "Admin", authorAvatar: "http://img.b2bpic.net/free-photo/full-shot-men-wearing-helmets-vests_23-2149426477.jpg", category: "Logistics" },
|
||||
{ id: "2", title: "Safety First Protocols", date: "2024-05-15", excerpt: "Prioritizing cargo safety on every haul.", imageSrc: "http://img.b2bpic.net/free-photo/big-rusty-truck-field_23-2148573811.jpg", authorName: "Admin", authorAvatar: "http://img.b2bpic.net/free-photo/full-shot-men-wearing-helmets-vests_23-2149426477.jpg", category: "Safety" }
|
||||
]}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About Us", href: "/about"},
|
||||
{
|
||||
label: "Services", href: "/services"},
|
||||
{
|
||||
label: "Contact Us", href: "/contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "50th Ave, Webb, IA 51366"},
|
||||
{
|
||||
label: "(712) 838-4337"},
|
||||
{
|
||||
label: "Available 24/7"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Sta-Mel Enterprises Inc."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{ label: "About Us", href: "/about" },
|
||||
{ label: "Services", href: "/services" },
|
||||
{ label: "Contact Us", href: "/contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{ label: "50th Ave, Webb, IA 51366" },
|
||||
{ label: "(712) 838-4337" },
|
||||
{ label: "Available 24/7" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Sta-Mel Enterprises Inc."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user