Merge version_1 into main #2
213
src/app/page.tsx
213
src/app/page.tsx
@@ -17,136 +17,85 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="hover-bubble"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="S-TAC CONCRETE"
|
||||
button={{
|
||||
text: "Get a Quote",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Get a Quote", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Precision Poured. Built to Last."
|
||||
description="S-TAC Concrete delivers high-quality concrete solutions for residential and commercial projects across Salt Lake County. From driveways to foundations, we bring reliability to every pour."
|
||||
testimonials={[
|
||||
{
|
||||
name: "S-TAC Team",
|
||||
handle: "Quality Contractors",
|
||||
testimonial: "Precision and reliability on every project.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/clean-wall-texture_1194-8399.jpg?_wi=1",
|
||||
imageAlt: "fresh concrete pour driveway construction",
|
||||
},
|
||||
name: "S-TAC Team", handle: "Quality Contractors", testimonial: "Precision and reliability on every project.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/clean-wall-texture_1194-8399.jpg", imageAlt: "fresh concrete pour driveway construction"},
|
||||
{
|
||||
name: "Quality Focus",
|
||||
handle: "Construction Standard",
|
||||
testimonial: "Building solid foundations for your needs.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/monochrome-scene-depicting-life-workers-construction-industry-site_23-2151431492.jpg?_wi=1",
|
||||
imageAlt: "contractor team pouring concrete slab",
|
||||
},
|
||||
name: "Quality Focus", handle: "Construction Standard", testimonial: "Building solid foundations for your needs.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/monochrome-scene-depicting-life-workers-construction-industry-site_23-2151431492.jpg", imageAlt: "contractor team pouring concrete slab"},
|
||||
{
|
||||
name: "Local Service",
|
||||
handle: "SLC Proud",
|
||||
testimonial: "Serving Salt Lake County with skill.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crossfit-concept-with-wheel_23-2147671857.jpg?_wi=1",
|
||||
imageAlt: "new concrete driveway residential construction",
|
||||
},
|
||||
name: "Local Service", handle: "SLC Proud", testimonial: "Serving Salt Lake County with skill.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crossfit-concept-with-wheel_23-2147671857.jpg", imageAlt: "new concrete driveway residential construction"},
|
||||
{
|
||||
name: "Professionalism",
|
||||
handle: "Trade Excellence",
|
||||
testimonial: "Clear communication, timely completion.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crossfit-concept-with-wheel_23-2147671857.jpg?_wi=2",
|
||||
imageAlt: "backyard concrete patio construction",
|
||||
},
|
||||
name: "Professionalism", handle: "Trade Excellence", testimonial: "Clear communication, timely completion.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crossfit-concept-with-wheel_23-2147671857.jpg", imageAlt: "backyard concrete patio construction"},
|
||||
{
|
||||
name: "Durability",
|
||||
handle: "Expert Craft",
|
||||
testimonial: "Durable work built to last years.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/construction-building-workers-working-site-cloudy-day_1268-16199.jpg?_wi=1",
|
||||
imageAlt: "concrete foundation wall pouring construction",
|
||||
},
|
||||
name: "Durability", handle: "Expert Craft", testimonial: "Durable work built to last years.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/construction-building-workers-working-site-cloudy-day_1268-16199.jpg", imageAlt: "concrete foundation wall pouring construction"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Contact Us", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/clean-wall-texture_1194-8399.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/clean-wall-texture_1194-8399.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/clean-wall-texture_1194-8399.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/clean-wall-texture_1194-8399.jpg", alt: "Client 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/monochrome-scene-depicting-life-workers-construction-industry-site_23-2151431492.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/monochrome-scene-depicting-life-workers-construction-industry-site_23-2151431492.jpg", alt: "Client 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/crossfit-concept-with-wheel_23-2147671857.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/crossfit-concept-with-wheel_23-2147671857.jpg", alt: "Client 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/crossfit-concept-with-wheel_23-2147671857.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/crossfit-concept-with-wheel_23-2147671857.jpg", alt: "Client 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/construction-building-workers-working-site-cloudy-day_1268-16199.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/construction-building-workers-working-site-cloudy-day_1268-16199.jpg", alt: "Client 5"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Licensed",
|
||||
},
|
||||
type: "text", text: "Licensed"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Insured",
|
||||
},
|
||||
type: "text", text: "Insured"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Reliable",
|
||||
},
|
||||
type: "text", text: "Reliable"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Professional",
|
||||
},
|
||||
type: "text", text: "Professional"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Experienced",
|
||||
},
|
||||
type: "text", text: "Experienced"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -156,14 +105,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Crafting Foundations with Precision",
|
||||
},
|
||||
type: "text", content: "Crafting Foundations with Precision"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/monochrome-scene-depicting-life-workers-construction-industry-site_23-2151431492.jpg",
|
||||
alt: "Concrete crew working",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/monochrome-scene-depicting-life-workers-construction-industry-site_23-2151431492.jpg", alt: "Concrete crew working"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -175,55 +119,31 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Driveways & Patios",
|
||||
description: "Upgrade your home's curb appeal with professional-grade driveways and patio installations.",
|
||||
icon: Sparkles,
|
||||
title: "Driveways & Patios", description: "Upgrade your home's curb appeal with professional-grade driveways and patio installations.", icon: Sparkles,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crossfit-concept-with-wheel_23-2147671857.jpg?_wi=3",
|
||||
imageAlt: "Driveway work",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crossfit-concept-with-wheel_23-2147671857.jpg", imageAlt: "Driveway work"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crossfit-concept-with-wheel_23-2147671857.jpg?_wi=4",
|
||||
imageAlt: "Patio work",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crossfit-concept-with-wheel_23-2147671857.jpg", imageAlt: "Patio work"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handyman-prepare-cement-use-construction_53876-42893.jpg?_wi=1",
|
||||
imageAlt: "concrete construction site professional tools",
|
||||
},
|
||||
{
|
||||
title: "Foundations & Sidewalks",
|
||||
description: "Solid foundations for your projects and durable walkways built for longevity.",
|
||||
icon: Shield,
|
||||
title: "Foundations & Sidewalks", description: "Solid foundations for your projects and durable walkways built for longevity.", icon: Shield,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/construction-building-workers-working-site-cloudy-day_1268-16199.jpg?_wi=2",
|
||||
imageAlt: "Foundation work",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/construction-building-workers-working-site-cloudy-day_1268-16199.jpg", imageAlt: "Foundation work"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crossfit-concept-with-wheel_23-2147671857.jpg?_wi=5",
|
||||
imageAlt: "Sidewalk work",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crossfit-concept-with-wheel_23-2147671857.jpg", imageAlt: "Sidewalk work"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/clean-wall-texture_1194-8399.jpg?_wi=3",
|
||||
imageAlt: "fresh concrete pour driveway construction",
|
||||
},
|
||||
{
|
||||
title: "Retaining Walls",
|
||||
description: "Precision retaining walls designed to blend structural integrity with site aesthetics.",
|
||||
icon: Zap,
|
||||
title: "Retaining Walls", description: "Precision retaining walls designed to blend structural integrity with site aesthetics.", icon: Zap,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/construction-building-workers-working-site-cloudy-day_1268-16199.jpg?_wi=3",
|
||||
imageAlt: "Wall construction",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/construction-building-workers-working-site-cloudy-day_1268-16199.jpg", imageAlt: "Wall construction"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crossfit-concept-with-wheel_23-2147671857.jpg?_wi=6",
|
||||
imageAlt: "Concrete textures",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crossfit-concept-with-wheel_23-2147671857.jpg", imageAlt: "Concrete textures"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/monochrome-scene-depicting-life-workers-construction-industry-site_23-2151431492.jpg?_wi=2",
|
||||
imageAlt: "contractor team pouring concrete slab",
|
||||
},
|
||||
]}
|
||||
title="Our Professional Concrete Services"
|
||||
@@ -240,30 +160,15 @@ export default function LandingPage() {
|
||||
faqsAnimation="slide-up"
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you serve all of Salt Lake County?",
|
||||
content: "Yes, we proudly serve all residents and businesses within Salt Lake County.",
|
||||
},
|
||||
id: "f1", title: "Do you serve all of Salt Lake County?", content: "Yes, we proudly serve all residents and businesses within Salt Lake County."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Are you licensed and insured?",
|
||||
content: "Absolutely. We are fully licensed and insured for all construction work we perform.",
|
||||
},
|
||||
id: "f2", title: "Are you licensed and insured?", content: "Absolutely. We are fully licensed and insured for all construction work we perform."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "How long does a typical driveway pour take?",
|
||||
content: "Depending on size and prep work, a standard driveway typically takes 3 to 5 days to complete.",
|
||||
},
|
||||
id: "f3", title: "How long does a typical driveway pour take?", content: "Depending on size and prep work, a standard driveway typically takes 3 to 5 days to complete."},
|
||||
{
|
||||
id: "f4",
|
||||
title: "When can I drive on my new concrete?",
|
||||
content: "We recommend waiting at least 7 days for light traffic and 28 days for full heavy load capacity.",
|
||||
},
|
||||
id: "f4", title: "When can I drive on my new concrete?", content: "We recommend waiting at least 7 days for light traffic and 28 days for full heavy load capacity."},
|
||||
{
|
||||
id: "f5",
|
||||
title: "Can you handle commercial foundations?",
|
||||
content: "Yes, we have extensive experience with both residential and commercial foundation pouring.",
|
||||
},
|
||||
id: "f5", title: "Can you handle commercial foundations?", content: "Yes, we have extensive experience with both residential and commercial foundation pouring."},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -275,24 +180,16 @@ export default function LandingPage() {
|
||||
description="Call us at (801)-898-5248 or reach out via this form to discuss your concrete needs in Salt Lake County."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Your Email", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Tell us about your project...",
|
||||
rows: 4,
|
||||
name: "message", placeholder: "Tell us about your project...", rows: 4,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/handyman-prepare-cement-use-construction_53876-42893.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/handyman-prepare-cement-use-construction_53876-42893.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user