Compare commits
3 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 2a402fdffc | |||
| b2bf72423d | |||
| ba9db620cb |
275
src/app/page.tsx
275
src/app/page.tsx
@@ -10,7 +10,7 @@ import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||||
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -31,31 +31,19 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Home", id: "#hero"},
|
||||
{
|
||||
name: "Materials",
|
||||
id: "#products",
|
||||
},
|
||||
name: "Materials", id: "#products"},
|
||||
{
|
||||
name: "Company",
|
||||
id: "#about",
|
||||
},
|
||||
name: "Company", id: "#about"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "#testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="Starr Aggregates"
|
||||
button={{
|
||||
text: "Get a Quote Now",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Get a Quote Now", href: "#contact"}}
|
||||
animateOnLoad={true}
|
||||
/>
|
||||
</div>
|
||||
@@ -63,79 +51,50 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
imagePosition="right"
|
||||
title="Premium aggregates Valleyfast delivery"
|
||||
description="Trusted by contractors across South Texas. Sand, gravel, and custom blends delivered on schedule, every time."
|
||||
kpis={[
|
||||
{
|
||||
value: "30+",
|
||||
label: "Years in Business",
|
||||
},
|
||||
value: "30+", label: "Years in Business"},
|
||||
{
|
||||
value: "500+",
|
||||
label: "Projects Completed",
|
||||
},
|
||||
value: "500+", label: "Projects Completed"},
|
||||
{
|
||||
value: "1M+",
|
||||
label: "Tons Delivered Annually",
|
||||
},
|
||||
value: "1M+", label: "Tons Delivered Annually"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Quote Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get a Quote Now", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/tractor-farm-field-sunset-backlight-warm-tones_463209-116.jpg"
|
||||
imageAlt="Large pile of aggregates at sunset with heavy machinery"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/architect-being-serious-while-looking-camera_23-2148242992.jpg",
|
||||
alt: "Architect being serious while looking at the camera",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/architect-being-serious-while-looking-camera_23-2148242992.jpg", alt: "Architect being serious while looking at the camera"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/foreman-with-arms-crossed_23-2147711019.jpg",
|
||||
alt: "Foreman with arms crossed",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/foreman-with-arms-crossed_23-2147711019.jpg", alt: "Foreman with arms crossed"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-builder-hardhat_1398-1726.jpg",
|
||||
alt: "Happy builder in hardhat",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/happy-builder-hardhat_1398-1726.jpg", alt: "Happy builder in hardhat"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-young-architect-man-showing-thumb-up-gesture-looking-camera_23-2148203957.jpg",
|
||||
alt: "Portrait of smiling young architect man showing thumb up gesture looking at camera",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-young-architect-man-showing-thumb-up-gesture-looking-camera_23-2148203957.jpg", alt: "Portrait of smiling young architect man showing thumb up gesture looking at camera"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/designer-working-3d-model_23-2149371890.jpg",
|
||||
alt: "Designer working on 3d model",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/designer-working-3d-model_23-2149371890.jpg", alt: "Designer working on 3d model"},
|
||||
]}
|
||||
avatarText="Join 1,000+ satisfied contractors"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "On-time delivery guaranteed",
|
||||
},
|
||||
type: "text", text: "On-time delivery guaranteed"},
|
||||
{
|
||||
type: "text",
|
||||
text: "ISO Certified Quality",
|
||||
},
|
||||
type: "text", text: "ISO Certified Quality"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Custom Blends Available",
|
||||
},
|
||||
type: "text", text: "Custom Blends Available"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Serving South Texas since 1993",
|
||||
},
|
||||
type: "text", text: "Serving South Texas since 1993"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Expert Logistics Support",
|
||||
},
|
||||
type: "text", text: "Expert Logistics Support"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -145,14 +104,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Valley Builders Co.",
|
||||
"Rio Grande Constructors",
|
||||
"Municipal Works Dept.",
|
||||
"Horizon Development",
|
||||
"Eagle Civil Inc.",
|
||||
"South Texas Roadways",
|
||||
"Apex Engineering Solutions",
|
||||
]}
|
||||
"Valley Builders Co.", "Rio Grande Constructors", "Municipal Works Dept.", "Horizon Development", "Eagle Civil Inc.", "South Texas Roadways", "Apex Engineering Solutions"]}
|
||||
title="Trusted Partners & Clients"
|
||||
description="Delivering excellence to leading contractors and municipal projects across the Rio Grande Valley."
|
||||
speed={40}
|
||||
@@ -166,25 +118,13 @@ export default function LandingPage() {
|
||||
tag="Proven Performance"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "99.8%",
|
||||
description: "On-Time Delivery Rate",
|
||||
},
|
||||
id: "m1", value: "99.8%", description: "On-Time Delivery Rate"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "ISO",
|
||||
description: "Certified Quality",
|
||||
},
|
||||
id: "m2", value: "ISO", description: "Certified Quality"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100%",
|
||||
description: "Customer Satisfaction",
|
||||
},
|
||||
id: "m3", value: "100%", description: "Customer Satisfaction"},
|
||||
{
|
||||
id: "m4",
|
||||
value: "Zero",
|
||||
description: "Safety Incidents Last Year",
|
||||
},
|
||||
id: "m4", value: "Zero", description: "Safety Incidents Last Year"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -197,9 +137,7 @@ export default function LandingPage() {
|
||||
description="With decades of experience, Starr Aggregates stands as the premier supplier of high-quality sand and gravel. We prioritize reliability, consistency, and unparalleled customer service to fuel your project's success, every time."
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More About Us",
|
||||
href: "#",
|
||||
},
|
||||
text: "Learn More About Us", href: "#"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-african-american-worker-standing-with-plan-factory_1303-30604.jpg"
|
||||
imageAlt="Construction team reviewing blueprints on a job site"
|
||||
@@ -214,53 +152,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Washed Concrete Sand",
|
||||
price: "Market Rate",
|
||||
variant: "Fine, consistent grain",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/grunge-wall-texture_1194-5589.jpg",
|
||||
imageAlt: "Pile of clean washed concrete sand",
|
||||
},
|
||||
id: "p1", name: "Washed Concrete Sand", price: "Market Rate", variant: "Fine, consistent grain", imageSrc: "http://img.b2bpic.net/free-photo/grunge-wall-texture_1194-5589.jpg", imageAlt: "Pile of clean washed concrete sand"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Crushed Limestone Base",
|
||||
price: "Market Rate",
|
||||
variant: "Various sizes, compacted",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-stone-texture-pattern_58702-12402.jpg",
|
||||
imageAlt: "Pile of crushed limestone aggregates",
|
||||
},
|
||||
id: "p2", name: "Crushed Limestone Base", price: "Market Rate", variant: "Various sizes, compacted", imageSrc: "http://img.b2bpic.net/free-photo/photo-stone-texture-pattern_58702-12402.jpg", imageAlt: "Pile of crushed limestone aggregates"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "All-Purpose Concrete Mix",
|
||||
price: "Market Rate",
|
||||
variant: "Ready-to-use blend",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-stone-texture-pattern_58702-14033.jpg",
|
||||
imageAlt: "Mixed concrete aggregate for general use",
|
||||
},
|
||||
id: "p3", name: "All-Purpose Concrete Mix", price: "Market Rate", variant: "Ready-to-use blend", imageSrc: "http://img.b2bpic.net/free-photo/photo-stone-texture-pattern_58702-14033.jpg", imageAlt: "Mixed concrete aggregate for general use"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Select Fill Dirt",
|
||||
price: "Market Rate",
|
||||
variant: "High-compaction, clean",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stone-abstract-copy-space-texture-background_1194-600585.jpg",
|
||||
imageAlt: "Heap of select fill dirt for construction",
|
||||
},
|
||||
id: "p4", name: "Select Fill Dirt", price: "Market Rate", variant: "High-compaction, clean", imageSrc: "http://img.b2bpic.net/free-photo/stone-abstract-copy-space-texture-background_1194-600585.jpg", imageAlt: "Heap of select fill dirt for construction"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Decomposed Granite",
|
||||
price: "Market Rate",
|
||||
variant: "Natural, permeable finish",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-ground-texture-pattern_58702-13379.jpg",
|
||||
imageAlt: "Spread of decomposed granite for landscaping",
|
||||
},
|
||||
id: "p5", name: "Decomposed Granite", price: "Market Rate", variant: "Natural, permeable finish", imageSrc: "http://img.b2bpic.net/free-photo/photo-ground-texture-pattern_58702-13379.jpg", imageAlt: "Spread of decomposed granite for landscaping"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Custom Aggregate Blends",
|
||||
price: "By Quote",
|
||||
variant: "Tailored to your spec",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/yellow-wave-stone-background-sea-seaweed_1417-523.jpg",
|
||||
imageAlt: "Sample of custom blended aggregates",
|
||||
},
|
||||
id: "p6", name: "Custom Aggregate Blends", price: "By Quote", variant: "Tailored to your spec", imageSrc: "http://img.b2bpic.net/free-photo/yellow-wave-stone-background-sea-seaweed_1417-523.jpg", imageAlt: "Sample of custom blended aggregates"},
|
||||
]}
|
||||
title="Our Premium Aggregate Products"
|
||||
description="Explore our diverse range of sands, gravels, and custom blends, engineered to meet the stringent demands of any construction project."
|
||||
@@ -268,64 +170,40 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
<TestimonialCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Robert Sanchez",
|
||||
handle: "CEO, Valley Builders Co.",
|
||||
testimonial: "Starr Aggregates consistently delivers high-quality materials on time, every time. Their reliability is unmatched in the Rio Grande Valley. They are our go-to for all major projects.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-workman-wearing-white-hard-hat_1303-26649.jpg",
|
||||
imageAlt: "Robert Sanchez",
|
||||
},
|
||||
id: "t1", name: "Robert Sanchez", role: "CEO", company: "Valley Builders Co.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-workman-wearing-white-hard-hat_1303-26649.jpg", imageAlt: "Robert Sanchez"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Maria Rodriguez",
|
||||
handle: "Project Manager, RGC",
|
||||
testimonial: "The consistency of Starr's products helps us maintain tight schedules and quality control. Their team is always responsive and professional, making our job much easier.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-work_23-2149713661.jpg",
|
||||
imageAlt: "Maria Rodriguez",
|
||||
},
|
||||
id: "t2", name: "Maria Rodriguez", role: "Project Manager", company: "RGC", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-work_23-2149713661.jpg", imageAlt: "Maria Rodriguez"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "David Kim",
|
||||
handle: "Director, Horizon Development",
|
||||
testimonial: "For critical infrastructure projects, we need a supplier we can trust. Starr Aggregates has proven their commitment to quality and service over many years. Highly recommended.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-architect-looking-camera_23-2148242888.jpg",
|
||||
imageAlt: "David Kim",
|
||||
},
|
||||
id: "t3", name: "David Kim", role: "Director", company: "Horizon Development", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-architect-looking-camera_23-2148242888.jpg", imageAlt: "David Kim"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Emily Chen",
|
||||
handle: "Site Engineer, Eagle Civil",
|
||||
testimonial: "We appreciate the precise material blends Starr Aggregates provides. It makes a significant difference in project performance and longevity. Their expertise is invaluable.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-young-businessman-office_1098-20847.jpg",
|
||||
imageAlt: "Emily Chen",
|
||||
},
|
||||
id: "t4", name: "Emily Chen", role: "Site Engineer", company: "Eagle Civil", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-young-businessman-office_1098-20847.jpg", imageAlt: "Emily Chen"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Juan Garcia",
|
||||
handle: "Procurement Officer, Municipal Works",
|
||||
testimonial: "Starr Aggregates has been a reliable partner for our municipal projects, always meeting specifications and deadlines. Their competitive pricing and local presence are a huge advantage.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-business-man-posing-with-crossed-arms_23-2149206526.jpg",
|
||||
imageAlt: "Juan Garcia",
|
||||
},
|
||||
id: "t5", name: "Juan Garcia", role: "Procurement Officer", company: "Municipal Works", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-business-man-posing-with-crossed-arms_23-2149206526.jpg", imageAlt: "Juan Garcia"},
|
||||
{
|
||||
id: "t6",
|
||||
name: "Sarah Jones",
|
||||
handle: "Head of Operations, South Texas Roadways",
|
||||
testimonial: "Their bulk material delivery speed is essential for our large-scale road construction. Starr Aggregates never disappoints and ensures our operations run smoothly.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-male-worker-standing-warehouse_107420-96550.jpg",
|
||||
imageAlt: "Sarah Jones",
|
||||
},
|
||||
id: "t6", name: "Sarah Jones", role: "Head of Operations", company: "South Texas Roadways", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-male-worker-standing-warehouse_107420-96550.jpg", imageAlt: "Sarah Jones"},
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Hear directly from the contractors and project managers who rely on Starr Aggregates for their most critical projects."
|
||||
speed={40}
|
||||
topMarqueeDirection="left"
|
||||
kpiItems={[
|
||||
{
|
||||
value: "5.0", label: "Average Rating"},
|
||||
{
|
||||
value: "500+", label: "Clients Served"},
|
||||
{
|
||||
value: "99%", label: "Retention Rate"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -336,45 +214,24 @@ export default function LandingPage() {
|
||||
description="Tell us about your project needs and our team will get back to you with a competitive quote and delivery timeline, tailored to your specifications."
|
||||
inputs={[
|
||||
{
|
||||
name: "fullName",
|
||||
type: "text",
|
||||
placeholder: "Full Name",
|
||||
required: true,
|
||||
name: "fullName", type: "text", placeholder: "Full Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "companyName",
|
||||
type: "text",
|
||||
placeholder: "Company Name",
|
||||
required: true,
|
||||
name: "companyName", type: "text", placeholder: "Company Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Email Address", required: true,
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Phone Number",
|
||||
required: false,
|
||||
name: "phone", type: "tel", placeholder: "Phone Number", required: false,
|
||||
},
|
||||
]}
|
||||
multiSelect={{
|
||||
name: "projectType",
|
||||
label: "Project Type",
|
||||
options: [
|
||||
"Commercial Construction",
|
||||
"Residential Development",
|
||||
"Road & Infrastructure",
|
||||
"Landscaping",
|
||||
"Other",
|
||||
],
|
||||
name: "projectType", label: "Project Type", options: [
|
||||
"Commercial Construction", "Residential Development", "Road & Infrastructure", "Landscaping", "Other"],
|
||||
}}
|
||||
textarea={{
|
||||
name: "projectDetails",
|
||||
placeholder: "Tell us about your project needs (materials, quantity, delivery schedule, etc.)",
|
||||
rows: 5,
|
||||
name: "projectDetails", placeholder: "Tell us about your project needs (materials, quantity, delivery schedule, etc.)", rows: 5,
|
||||
required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/architecture-plan-blueprint-layout-work-concept_53876-124259.jpg"
|
||||
@@ -391,13 +248,9 @@ export default function LandingPage() {
|
||||
logoAlt="Starr Aggregates Company Logo"
|
||||
logoText="Starr Aggregates"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Terms of Service", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user