Merge version_2 into main #1
163
src/app/page.tsx
163
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="R&R Concrete"
|
||||
/>
|
||||
@@ -55,63 +47,40 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Reliable Concrete Delivery & Pumping in Alvarado, TX"
|
||||
description="R&R Concrete provides top-tier concrete delivery and precision pumping services for your residential, commercial, and industrial projects."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-builder-hardhat_1398-1726.jpg",
|
||||
alt: "professional headshot man business",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/happy-builder-hardhat_1398-1726.jpg", alt: "professional headshot man business"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-female-engineer-with-clipboard_23-2148915836.jpg",
|
||||
alt: "woman engineer portrait",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-female-engineer-with-clipboard_23-2148915836.jpg", alt: "woman engineer portrait"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-smiling-with-red-helmet-raised-fist_1187-798.jpg",
|
||||
alt: "smiling construction worker",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/man-smiling-with-red-helmet-raised-fist_1187-798.jpg", alt: "smiling construction worker"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/casual-smile-street-style-background-spring_1139-777.jpg",
|
||||
alt: "business team member portrait",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/casual-smile-street-style-background-spring_1139-777.jpg", alt: "business team member portrait"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-architect-looking-camera_23-2148242888.jpg",
|
||||
alt: "Front view architect looking at the camera",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-architect-looking-camera_23-2148242888.jpg", alt: "Front view architect looking at the camera"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get a Quote", href: "#contact"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Licensed & Insured",
|
||||
icon: ShieldCheck,
|
||||
type: "text-icon", text: "Licensed & Insured", icon: ShieldCheck,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Same Day Delivery",
|
||||
icon: Truck,
|
||||
type: "text-icon", text: "Same Day Delivery", icon: Truck,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Precision Pumping",
|
||||
icon: Waves,
|
||||
type: "text-icon", text: "Precision Pumping", icon: Waves,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Competitive Rates",
|
||||
icon: Percent,
|
||||
type: "text-icon", text: "Competitive Rates", icon: Percent,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Residential & Commercial",
|
||||
icon: Building2,
|
||||
type: "text-icon", text: "Residential & Commercial", icon: Building2,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -132,26 +101,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Concrete Delivery",
|
||||
subtitle: "Prompt delivery to your job site.",
|
||||
category: "Services",
|
||||
value: "1",
|
||||
},
|
||||
id: "f1", title: "Concrete Delivery", subtitle: "Prompt delivery to your job site.", category: "Services", value: "1"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Precision Pumping",
|
||||
subtitle: "Reaching difficult areas with ease.",
|
||||
category: "Services",
|
||||
value: "2",
|
||||
},
|
||||
id: "f2", title: "Precision Pumping", subtitle: "Reaching difficult areas with ease.", category: "Services", value: "2"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Custom Mixes",
|
||||
subtitle: "Tailored mixes for specific structural needs.",
|
||||
category: "Services",
|
||||
value: "3",
|
||||
},
|
||||
id: "f3", title: "Custom Mixes", subtitle: "Tailored mixes for specific structural needs.", category: "Services", value: "3"},
|
||||
]}
|
||||
title="Our Professional Services"
|
||||
description="High-quality concrete solutions for every project phase."
|
||||
@@ -166,25 +120,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "12+",
|
||||
title: "Years Experience",
|
||||
description: "Dedicated service to North Texas.",
|
||||
icon: Award,
|
||||
id: "m1", value: "12+", title: "Years Experience", description: "Dedicated service to North Texas.", icon: Award,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "5k+",
|
||||
title: "Jobs Completed",
|
||||
description: "Successful deliveries and pours.",
|
||||
icon: CheckCircle,
|
||||
id: "m2", value: "5k+", title: "Jobs Completed", description: "Successful deliveries and pours.", icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "24/7",
|
||||
title: "Support Ready",
|
||||
description: "We are available when you need us.",
|
||||
icon: Zap,
|
||||
id: "m3", value: "24/7", title: "Support Ready", description: "We are available when you need us.", icon: Zap,
|
||||
},
|
||||
]}
|
||||
title="Serving Alvarado Since 2010"
|
||||
@@ -197,30 +139,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "John Doe",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg",
|
||||
},
|
||||
id: "t1", name: "John Doe", imageSrc: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Jane Smith",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/image-handsome-man-posing-studio_613910-7500.jpg",
|
||||
},
|
||||
id: "t2", name: "Jane Smith", imageSrc: "http://img.b2bpic.net/free-photo/image-handsome-man-posing-studio_613910-7500.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Mark Wilson",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/picture-young-handsome-confident-smiling-businessman-writing-notebook-white-modern-office-interior_176420-42472.jpg",
|
||||
},
|
||||
id: "t3", name: "Mark Wilson", imageSrc: "http://img.b2bpic.net/free-photo/picture-young-handsome-confident-smiling-businessman-writing-notebook-white-modern-office-interior_176420-42472.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Sarah Miller",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-businessman-showing-thumb-up_1262-3024.jpg",
|
||||
},
|
||||
id: "t4", name: "Sarah Miller", imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-businessman-showing-thumb-up_1262-3024.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Mike Brown",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-male-electrician-standing-against-wall_23-2148087578.jpg",
|
||||
},
|
||||
id: "t5", name: "Mike Brown", imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-male-electrician-standing-against-wall_23-2148087578.jpg"},
|
||||
]}
|
||||
cardTitle="What Our Clients Say"
|
||||
cardTag="Trusted by Local Builders"
|
||||
@@ -233,20 +160,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "What is your service area?",
|
||||
content: "We cover Alvarado, Texas and the surrounding areas.",
|
||||
},
|
||||
id: "q1", title: "What is your service area?", content: "We cover Alvarado, Texas and the surrounding areas."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do you offer weekend services?",
|
||||
content: "Yes, we strive to accommodate weekend project schedules.",
|
||||
},
|
||||
id: "q2", title: "Do you offer weekend services?", content: "Yes, we strive to accommodate weekend project schedules."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "How do I book a delivery?",
|
||||
content: "Contact us directly via our form to coordinate your delivery time.",
|
||||
},
|
||||
id: "q3", title: "How do I book a delivery?", content: "Contact us directly via our form to coordinate your delivery time."},
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
sideDescription="Get answers about our delivery and pumping services."
|
||||
@@ -258,8 +176,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Contact Us"
|
||||
title="Get a Free Concrete Quote"
|
||||
description="Complete the form below to receive a professional estimate for your upcoming project."
|
||||
@@ -272,25 +189,17 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -300,4 +209,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #f5f5f5;
|
||||
--card: #ffffff;
|
||||
--foreground: #1c1c1c;
|
||||
--primary-cta: #511f1f;
|
||||
--background: #ffffff;
|
||||
--card: #f9f9f9;
|
||||
--foreground: #000000;
|
||||
--primary-cta: #ff7b05;
|
||||
--primary-cta-text: #f5f5f5;
|
||||
--secondary-cta: #ffffff;
|
||||
--secondary-cta: #000000;
|
||||
--secondary-cta-text: #1c1c1c;
|
||||
--accent: #e63946;
|
||||
--background-accent: #e8bea8;
|
||||
--accent: #ff7b05;
|
||||
--background-accent: #f9f9f9;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user