Merge version_1 into main #2
@@ -7,7 +7,7 @@ import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function AboutPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="bounce-effect"
|
||||
@@ -22,96 +22,58 @@ export default function LandingPage() {
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "/services",
|
||||
},
|
||||
{
|
||||
name: "Gallery",
|
||||
id: "/gallery",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "/reviews",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
]}
|
||||
brandName="A & B Paint and Body"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="A & B Paint and Body"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="feature" data-section="feature">
|
||||
<FeatureCardTwentyFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Our History"
|
||||
description="Built on trust and integrity."
|
||||
features={[
|
||||
{
|
||||
id: "a1",
|
||||
title: "Local Roots",
|
||||
author: "Team",
|
||||
description: "Serving Houston for over 15 years.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mid-adult-mechanic-thinking-while-repairing-car-engine-workshop_637285-8654.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "a2",
|
||||
title: "Quality First",
|
||||
author: "Management",
|
||||
description: "Our core focus is perfection in repair.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-professional-man-wrapping-car-with-blue-cover_23-2149385701.jpg?_wi=2",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="feature" data-section="feature">
|
||||
<FeatureCardTwentyFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Our History"
|
||||
description="Built on trust and integrity."
|
||||
features={[
|
||||
{
|
||||
id: "a1", title: "Local Roots", author: "Team", description: "Serving Houston for over 15 years.", imageSrc: "http://img.b2bpic.net/free-photo/mid-adult-mechanic-thinking-while-repairing-car-engine-workshop_637285-8654.jpg", tags: ["History"]
|
||||
},
|
||||
{
|
||||
id: "a2", title: "Quality First", author: "Management", description: "Our core focus is perfection in repair.", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-professional-man-wrapping-car-with-blue-cover_23-2149385701.jpg", tags: ["Quality"]
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metric" data-section="metric">
|
||||
<MetricCardEleven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Our Impact"
|
||||
description="Metrics that drive our service excellence."
|
||||
metrics={[
|
||||
{
|
||||
id: "m3",
|
||||
value: "2000+",
|
||||
title: "Cars Repaired",
|
||||
description: "Successfully restored vehicles in the last decade.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-car-service-polishing-car-details_1303-29065.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "m4",
|
||||
value: "95%",
|
||||
title: "Retention",
|
||||
description: "Customers who return for future maintenance.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-spraying-powder-paint-car-door_23-2149714306.jpg?_wi=3",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="metric" data-section="metric">
|
||||
<MetricCardEleven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Our Impact"
|
||||
description="Metrics that drive our service excellence."
|
||||
metrics={[
|
||||
{
|
||||
id: "m3", value: "2000+", title: "Cars Repaired", description: "Successfully restored vehicles in the last decade.", imageSrc: "http://img.b2bpic.net/free-photo/man-car-service-polishing-car-details_1303-29065.jpg"},
|
||||
{
|
||||
id: "m4", value: "95%", title: "Retention", description: "Customers who return for future maintenance.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-spraying-powder-paint-car-door_23-2149714306.jpg"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="A & B Paint and Body"
|
||||
copyrightText="© 2025 A & B Paint and Body Shop"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="A & B Paint and Body"
|
||||
copyrightText="© 2025 A & B Paint and Body Shop"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
@@ -5,9 +5,8 @@ import ReactLenis from "lenis/react";
|
||||
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function ServicesPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="bounce-effect"
|
||||
@@ -22,96 +21,42 @@ export default function LandingPage() {
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "/services",
|
||||
},
|
||||
{
|
||||
name: "Gallery",
|
||||
id: "/gallery",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "/reviews",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
]}
|
||||
brandName="A & B Paint and Body"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="A & B Paint and Body"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="feature" data-section="feature">
|
||||
<FeatureCardTwentyFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Comprehensive Repair"
|
||||
description="From major frame damage to minor dings."
|
||||
features={[
|
||||
{
|
||||
id: "s1",
|
||||
title: "Frame Straightening",
|
||||
author: "Tech Team",
|
||||
description: "Precision laser alignment for safety.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-car-service-polishing-car-details_1303-29065.jpg?_wi=4",
|
||||
},
|
||||
{
|
||||
id: "s2",
|
||||
title: "Color Matching",
|
||||
author: "Paint Dept",
|
||||
description: "Perfect match for factory finishes.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-spraying-powder-paint-car-door_23-2149714306.jpg?_wi=4",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="feature" data-section="feature">
|
||||
<FeatureCardTwentyFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Comprehensive Repair"
|
||||
description="From major frame damage to minor dings."
|
||||
features={[
|
||||
{
|
||||
id: "s1", title: "Frame Straightening", author: "Tech Team", description: "Precision laser alignment for safety.", imageSrc: "http://img.b2bpic.net/free-photo/man-car-service-polishing-car-details_1303-29065.jpg", tags: ["Frame"]
|
||||
},
|
||||
{
|
||||
id: "s2", title: "Color Matching", author: "Paint Dept", description: "Perfect match for factory finishes.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-spraying-powder-paint-car-door_23-2149714306.jpg", tags: ["Paint"]
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Service Reviews"
|
||||
description="Hear from our satisfied clients."
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alex P.",
|
||||
role: "Sedan Owner",
|
||||
testimonial: "Professional and fast service.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-travel-agency_23-2150433448.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Jordan M.",
|
||||
role: "Truck Owner",
|
||||
testimonial: "Great attention to detail!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-smiling-blond-model-dressed-summer-hipster-clothes-trendy-girl-posing-street-background-funny-positive-woman_158538-5479.jpg?_wi=2",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="A & B Paint and Body"
|
||||
copyrightText="© 2025 A & B Paint and Body Shop"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="A & B Paint and Body"
|
||||
copyrightText="© 2025 A & B Paint and Body Shop"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user