4 Commits

2 changed files with 23 additions and 7 deletions

View File

@@ -1,14 +1,9 @@
import type { Metadata } from "next";
import { Noto_Sans } from "next/font/google";
import { Inter } from "next/font/google";
import "./globals.css";
import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag";
const notoSans = Noto_Sans({
variable: "--font-noto-sans", subsets: ["latin"],
});
const inter = Inter({
variable: "--font-inter", subsets: ["latin"],
});
@@ -26,7 +21,7 @@ export default function RootLayout({
<html lang="en" suppressHydrationWarning>
<ServiceWrapper>
<body
className={`${notoSans.variable} ${inter.variable} antialiased`}
className={`${inter.variable} antialiased`}
>
<Tag />
{children}

View File

@@ -10,6 +10,7 @@ import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCar
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterBase from '@/components/sections/footer/FooterBase';
import { Sparkles, Award, CheckCircle, MapPin, Wrench, Phone, Shield } from 'lucide-react';
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
export default function LandingPage() {
return (
@@ -20,7 +21,7 @@ export default function LandingPage() {
contentWidth="smallMedium"
sizing="medium"
background="noiseDiagonalGradient"
cardStyle="soft-shadow"
cardStyle="glass"
primaryButtonStyle="inset-glow"
secondaryButtonStyle="layered"
headingFontWeight="extrabold"
@@ -40,6 +41,26 @@ export default function LandingPage() {
/>
</div>
<div id="herobillboardcarousel" data-section="herobillboardcarousel">
<HeroBillboardCarousel
title="Premium Tires for Every Road"
description="Discover our extensive selection of high-quality tires designed for performance, safety, and durability. From all-season to performance tires, we have the perfect fit for your vehicle."
background={{ variant: "radial-gradient" }}
tag="San Diego's Tire Experts"
buttons={[
{ label: "Shop Now", href: "/products", dataWebildId: "hero_shop_btn" },
{ label: "Learn More", href: "#features", dataWebildId: "hero_learn_btn" }
]}
mediaItems={[
{ imageSrc: "https://img.b2bpic.net/free-photo/abstract-luxury-gradient-blue-background_53876-120942.jpg", imageAlt: "Premium tire selection" },
{ imageSrc: "https://img.b2bpic.net/free-photo/futuristic-moon-background_23-2150930890.jpg", imageAlt: "High-performance tires" },
{ imageSrc: "https://img.b2bpic.net/free-photo/futuristic-city-architecture_23-2151918947.jpg", imageAlt: "Tire technology" },
{ imageSrc: "https://img.b2bpic.net/free-photo/futuristic-moon-background_23-2150930734.jpg", imageAlt: "Quality assurance" }
]}
ariaLabel="San Diego Tires hero section with product carousel"
/>
</div>
<div id="hero-section" data-section="hero-section">
<HeroBillboard
title="Reliable Tires, Trusted by San Diego"