Merge version_1 into main #7

Merged
bender merged 1 commits from version_1 into main 2026-03-25 21:30:46 +00:00

View File

@@ -1,39 +1,21 @@
"use client";
import Link from 'next/link';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import MediaAbout from '@/components/sections/about/MediaAbout';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import { Star, MessageCircle, Award } from 'lucide-react';
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
import MediaAbout from "@/components/sections/about/MediaAbout";
import TestimonialCardSixteen from "@/components/sections/testimonial/TestimonialCardSixteen";
import Link from "next/link";
import { Star, MessageCircle, Award } from "lucide-react";
const navItems = [
{ name: "Home", id: "/" },
{ name: "Services", id: "/services" },
{ name: "Gallery", id: "/gallery" },
{ name: "Reviews", id: "/reviews" },
{ name: "About", id: "/about" },
{ name: "Contact", id: "/contact" },
];
export default function AboutPage() {
const navItems = [
{ name: "About", id: "about", href: "/about" },
{ name: "Contact", id: "contact", href: "/contact" },
];
const assetMap = {
"about-craftsmanship": {
"url": "http://img.b2bpic.net/free-photo/white-business-center-with-beautiful-textures-unique-design-with-interior-staircases_181624-5365.jpg", "alt": "Professional landscaper working on a detailed hardscape design"
},
"testimonial-1": {
"url": "http://img.b2bpic.net/free-photo/business-woman-banner-concept-with-copy-space_23-2149601533.jpg", "alt": "Sarah J. testimonial avatar"
},
"testimonial-2": {
"url": "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-stylish-hipster-lambersexual-modelsexy-modern-man-dressed-elegant-suit-fashion-male-posing-studio-near-blue-wall_158538-21048.jpg", "alt": "Michael C. testimonial avatar"
},
"testimonial-3": {
"url": "http://img.b2bpic.net/free-photo/smiling-young-woman-typing-her-laptop_231208-13559.jpg", "alt": "Emily R. testimonial avatar"
}
};
const resolveAsset = (assetId) => {
const asset = assetMap[assetId.replace('asset://', '')];
return asset ? asset.url : '';
};
return (
<ThemeProvider
defaultButtonVariant="text-shift"
@@ -56,63 +38,52 @@ export default function AboutPage() {
/>
</div>
<div id="about-us" data-section="about-us">
<div id="about" data-section="about">
<MediaAbout
title="Built on Pride, Precision, and Honest Work"
description="RST Hardscaping LLC is built around one simple standard: do the job right and leave homeowners genuinely happy with the result. From patios and driveways to drainage, grading, and complete outdoor upgrades, the company focuses on high-quality craftsmanship, dependable service, and outdoor spaces that truly improve your home. Whether its a simple project or a full property transformation, RST is committed to clean work, clear communication, and lasting results."
useInvertedBackground={false}
mediaAnimation="slide-up"
buttons={[
{ text: "Get a Free Estimate", href: "/contact" }
]}
imageSrc={resolveAsset("http://img.b2bpic.net/free-photo/white-business-center-with-beautiful-textures-unique-design-with-interior-staircases_181624-5365.jpg")}
imageAlt={assetMap["about-craftsmanship"].alt}
buttons={[{ text: "Get a Free Estimate", href: "/contact" }]}
imageSrc="http://img.b2bpic.net/free-photo/white-business-center-with-beautiful-textures-unique-design-with-interior-staircases_181624-5365.jpg"
imageAlt="Professional landscaper working on a detailed hardscape design"
/>
</div>
<div id="our-commitment" data-section="our-commitment">
<MetricCardSeven
title="Our Commitment to Excellence"
description="Every project reflects our dedication to quality, customer satisfaction, and lasting relationships."
metrics={[
{ id: "precision", value: "100%", title: "Precision Craftsmanship", items: ["Every project built with detail", "Ensuring durability and a polished finish"] },
{ id: "pricing", value: "Fair", title: "Fair, Honest Pricing", items: ["Transparent quotes always", "Premium-quality work without inflated pricing"] },
{ id: "service", value: "Fast", title: "Fast, Reliable Service", items: ["Quick communication and dependable crews", "Jobs completed the right way, on time"] }
]}
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
/>
</div>
<div id="client-testimonials-about" data-section="client-testimonials-about">
<div id="testimonial" data-section="testimonial">
<TestimonialCardSixteen
title="Hear From Our Happy Homeowners"
description="Our clients' satisfaction is the foundation of our reputation. Read their experiences with RST Hardscaping LLC."
title="5-Star Results. Real Homeowners."
description="Our clients consistently praise our attention to detail, professionalism, and the lasting beauty of their outdoor transformations."
testimonials={[
{ id: "1", name: "Sarah J.", role: "Homeowner", company: "Jacksonville", rating: 5, imageSrc: resolveAsset("http://img.b2bpic.net/free-photo/business-woman-banner-concept-with-copy-space_23-2149601533.jpg"), imageAlt: assetMap["testimonial-1"].alt },
{ id: "2", name: "Michael C.", role: "Homeowner", company: "Jacksonville", rating: 5, imageSrc: resolveAsset("http://img.b2bpic.net/free-photo/portrait-handsome-smiling-stylish-hipster-lambersexual-modelsexy-modern-man-dressed-elegant-suit-fashion-male-posing-studio-near-blue-wall_158538-21048.jpg"), imageAlt: assetMap["testimonial-2"].alt },
{ id: "3", name: "Emily R.", role: "Homeowner", company: "Jacksonville", rating: 5, imageSrc: resolveAsset("http://img.b2bpic.net/free-photo/smiling-young-woman-typing-her-laptop_231208-13559.jpg"), imageAlt: assetMap["testimonial-3"].alt }
{ id: "1", name: "Sarah J.", role: "Homeowner", company: "Jacksonville", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/business-woman-banner-concept-with-copy-space_23-2149601533.jpg", imageAlt: "Sarah J. testimonial avatar" },
{ id: "2", name: "Michael C.", role: "Homeowner", company: "Jacksonville", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-stylish-hipster-lambersexual-modelsexy-modern-man-dressed-elegant-suit-fashion-male-posing-studio-near-blue-wall_158538-21048.jpg", imageAlt: "Michael C. testimonial avatar" },
{ id: "3", name: "Emily R.", role: "Homeowner", company: "Jacksonville", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-woman-typing-her-laptop_231208-13559.jpg", imageAlt: "Emily R. testimonial avatar" },
{ id: "4", name: "David K.", role: "Homeowner", company: "Jacksonville", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-brown-classic-jacket-with-crossing-arms-isolated-dark-background_613910-6555.jpg", imageAlt: "David K. testimonial avatar" }
]}
kpiItems={[
{ value: "5.0", title: "Star Rating", icon: Star },
{ value: "36", title: "Google Reviews", icon: MessageCircle },
{ value: "3+", title: "Years in Business", icon: Award }
{ value: "5.0", description: "Star Rating", icon: Star },
{ value: "36", description: "Google Reviews", icon: MessageCircle },
{ value: "3+", description: "Years in Business", icon: Award }
]}
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
buttons={[{ text: "Read More Reviews", href: "/reviews" }]}
/>
</div>
<div id="footer" data-section="footer">
<NavbarStyleFullscreen
brandName="RST Hardscaping LLC"
navItems={navItems}
bottomLeftText="(910) 447-8310"
bottomRightText="Serving Jacksonville & Nearby Areas"
/>
</div>
<footer className="py-12 bg-card text-foreground">
<div className="container mx-auto px-4 md:px-6 text-center">
<div className="flex flex-wrap justify-center gap-x-6 gap-y-3 mb-6">
{navItems.map((item) => (
<Link key={item.id} href={item.id} className="hover:text-primary-cta transition-colors">
{item.name}
</Link>
))}
</div>
<p className="text-sm mb-2">© {new Date().getFullYear()} RST Hardscaping LLC. All rights reserved.</p>
<p className="text-xs">Serving Jacksonville & Nearby Areas</p>
</div>
</footer>
</ThemeProvider>
);
}
}