Update src/app/page.tsx

This commit is contained in:
2026-05-09 02:22:26 +00:00
parent 27d8f1baf2
commit a1b4b7a4fb

View File

@@ -6,7 +6,7 @@ import ContactCenter from '@/components/sections/contact/ContactCenter';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
@@ -45,22 +45,18 @@ export default function LandingPage() {
</div>
<div id="hero" data-section="hero">
<HeroSplitDualMedia
background={{
variant: "gradient-bars"}}
<HeroBillboardGallery
background={{ variant: "gradient-bars" }}
title="Precision Japanese Automotive Care"
description="Expert diagnostics, maintenance, and repairs for your Japanese vehicle. Trust Kiyo's for authentic parts and unmatched craftsmanship."
tag="Trusted Auto Specialists"
tagIcon={Wrench}
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-servicing-car-engine_1170-1253.jpg", imageAlt: "japanese car in modern garage"},
{
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-woman-talking_23-2150171287.jpg", imageAlt: "automotive maintenance tools clean"}
{ imageSrc: "http://img.b2bpic.net/free-photo/mechanic-servicing-car-engine_1170-1253.jpg", imageAlt: "Mechanic servicing car" },
{ imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-woman-talking_23-2150171287.jpg", imageAlt: "Automotive maintenance tools" },
{ imageSrc: "http://img.b2bpic.net/free-photo/hands-mechanic-using-diagnostic-tool_1170-1188.jpg", imageAlt: "Diagnostic tools" }
]}
mediaAnimation="slide-up"
rating={5}
ratingText="5/5 Star Service Rating"
tagIcon={Wrench}
/>
</div>
@@ -202,8 +198,7 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={false}
background={{
variant: "gradient-bars"}}
background={{ variant: "gradient-bars" }}
tag="Contact Us"
title="Get a Free Quote"
description="Let's keep your vehicle running like new."
@@ -237,4 +232,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}