Merge version_2 into main #2
264
src/app/page.tsx
264
src/app/page.tsx
@@ -3,13 +3,13 @@
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import HeroSplit from '@/components/sections/hero/HeroSplit';
|
||||
import MediaAbout from '@/components/sections/about/MediaAbout';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||||
import { CheckCircle, Clock, DollarSign, MapPin, Wrench } from "lucide-react";
|
||||
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
|
||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
||||
import { CheckCircle, Clock, DollarSign, MapPin, Wrench, ShieldCheck, WrenchIcon, Gauge } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -19,250 +19,118 @@ export default function LandingPage() {
|
||||
borderRadius="soft"
|
||||
contentWidth="smallMedium"
|
||||
sizing="largeSmallSizeLargeTitles"
|
||||
background="grid"
|
||||
cardStyle="solid"
|
||||
primaryButtonStyle="flat"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="normal"
|
||||
background="noiseDiagonalGradient"
|
||||
cardStyle="glass-depth"
|
||||
primaryButtonStyle="primary-glow"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "About Us",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "reviews",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "About Us", id: "about" },
|
||||
{ name: "Reviews", id: "reviews" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Mell’s Tires & Auto"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Affordable Tires & Auto Repair You Can Trust"
|
||||
description="Fast service. Honest prices. Local experts in Everett, MA. We keep you moving safely without the corporate runaround."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:6179477551",
|
||||
},
|
||||
{
|
||||
text: "Get a Free Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
<HeroSplitTestimonial
|
||||
title="Expert Auto Care & Quality Tires"
|
||||
description="Keeping Everett drivers safe on the road with reliable, transparent, and affordable automotive solutions."
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/mechanic-fixing-car-tyre_1170-1666.jpg?_wi=1"
|
||||
imageAlt="Professional service at Mell's Tires"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
buttons={[{ text: "Get a Quote", href: "#contact" }]}
|
||||
testimonials={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-stately-ginger-fellow-stylish-navy-t-shirt-smiling-showing-ok-sign-looking-camera-while-posing-blue-studio-background-human-facial-expressions-sincer_639032-2122.jpg",
|
||||
alt: "Sarah J.",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-waitress_107420-12307.jpg",
|
||||
alt: "Mike R.",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-bald-call-center-man-wearing-headset-sitting-desk-with-work-tools-putting-fingers-sides-mouth-faking-smile-looking-camera-isolated-purple-background_141793-84948.jpg",
|
||||
alt: "Lisa K.",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-smiley-men-car_23-2149137128.jpg",
|
||||
alt: "David M.",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-smiling-market-fair_23-2150771035.jpg",
|
||||
alt: "Robert B.",
|
||||
},
|
||||
]}
|
||||
avatarText="Trusted by 500+ local Everett drivers"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Quality Tires",
|
||||
icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Expert Repairs",
|
||||
icon: Wrench,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Fair Pricing",
|
||||
icon: DollarSign,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Fast Service",
|
||||
icon: Clock,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Local Owned",
|
||||
icon: MapPin,
|
||||
},
|
||||
name: "Sarah Johnson", handle: "@local-driver", testimonial: "Incredible service and honest pricing. My go-to in Everett.", rating: 5,
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardNineteen
|
||||
<FeatureCardTwentyFive
|
||||
title="Comprehensive Maintenance"
|
||||
description="Full-service auto repair from routine tire changes to complex engine diagnostics."
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
animationType="blur-reveal"
|
||||
features={[
|
||||
{
|
||||
tag: "Tires",
|
||||
title: "Tire Sales & Installation",
|
||||
subtitle: "New & Used Options",
|
||||
description: "High-quality tires at prices that beat the big chains.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dark-storage-full-big-variety-new-tyres-busy-warehouse_613910-17114.jpg",
|
||||
title: "Premium Tire Services", description: "Installation, balancing, and alignment for all vehicle types.", icon: Gauge,
|
||||
mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/dark-storage-full-big-variety-new-tyres-busy-warehouse_613910-17114.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/tyre-service-station_1170-1666.jpg" }]
|
||||
},
|
||||
{
|
||||
tag: "Repair",
|
||||
title: "Brake & Suspension Service",
|
||||
subtitle: "Safety First",
|
||||
description: "Expert diagnostics and repairs to keep your ride smooth.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-mechanic-fixing-car-wheel-disc-brake_1170-1213.jpg",
|
||||
title: "Brake & Safety", description: "Professional pad replacement and rotor servicing.", icon: ShieldCheck,
|
||||
mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/female-mechanic-fixing-car-wheel-disc-brake_1170-1213.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/mechanic-brake-work_1170-1666.jpg" }]
|
||||
},
|
||||
{
|
||||
tag: "Tech",
|
||||
title: "General Auto Repair",
|
||||
subtitle: "TPMS & Diagnostics",
|
||||
description: "From light maintenance to complex repairs, we do it all.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/muscular-man-is-fixing-car-s-wheel-with-special-tool-auto-service_613910-3825.jpg",
|
||||
},
|
||||
title: "Full Auto Repair", description: "Expert diagnostic services using latest industry tools.", icon: WrenchIcon,
|
||||
mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/muscular-man-is-fixing-car-s-wheel-with-special-tool-auto-service_613910-3825.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/auto-repair-tools_1170-1666.jpg" }]
|
||||
}
|
||||
]}
|
||||
title="Our Expert Services"
|
||||
description="Comprehensive auto repair and tire services for drivers in Everett and surrounding areas."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
<SplitAbout
|
||||
title="Local Experts You Can Trust"
|
||||
description="At Mell’s, we believe in straightforward, reliable auto care. Our team is dedicated to providing Everett with efficient service that doesn't compromise on quality or safety."
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Why Everett Chooses Mell’s"
|
||||
description="We started Mell’s Tires to provide honest, transparent auto repair without the corporate overhead. As a local business, we treat every customer like a neighbor. Skip the big chains and get real, fast, and friendly service that actually respects your budget."
|
||||
bulletPoints={[
|
||||
{ title: "Transparent Pricing", description: "No hidden fees, ever." },
|
||||
{ title: "Certified Technicians", description: "Years of experience under the hood." },
|
||||
{ title: "Fast Turnaround", description: "We respect your time." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/team-mechanics-fixing-car_482257-76105.jpg"
|
||||
imageAlt="The Mell's Tires service team"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardSix
|
||||
<TestimonialCardOne
|
||||
title="Community Feedback"
|
||||
description="Why your neighbors choose Mell’s Tires & Auto Service."
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
textboxLayout="default"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
handle: "@sarahj",
|
||||
testimonial: "Best tire prices in Everett. Fast and very friendly service!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-stately-ginger-fellow-stylish-navy-t-shirt-smiling-showing-ok-sign-looking-camera-while-posing-blue-studio-background-human-facial-expressions-sincer_639032-2122.jpg",
|
||||
id: "1", name: "Sarah J.", role: "Regular Customer", company: "Everett Local", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-stately-ginger-fellow-stylish-navy-t-shirt-smiling-showing-ok-sign-looking-camera-while-posing-blue-studio-background-human-facial-expressions-sincer_639032-2122.jpg"
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mike Rivera",
|
||||
handle: "@miker",
|
||||
testimonial: "Honest pricing. They told me exactly what I needed without upsell.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-waitress_107420-12307.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Lisa K.",
|
||||
handle: "@lisak",
|
||||
testimonial: "In and out quickly. So much better than the big box stores.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-bald-call-center-man-wearing-headset-sitting-desk-with-work-tools-putting-fingers-sides-mouth-faking-smile-looking-camera-isolated-purple-background_141793-84948.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David M.",
|
||||
handle: "@davidm",
|
||||
testimonial: "Great local guys. They saved my suspension repair budget.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-men-car_23-2149137128.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Robert B.",
|
||||
handle: "@robertb",
|
||||
testimonial: "Finally found a mechanic shop I can trust long-term.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-smiling-market-fair_23-2150771035.jpg",
|
||||
},
|
||||
id: "2", name: "Mike R.", role: "Commuter", company: "Everett Local", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-waitress_107420-12307.jpg"
|
||||
}
|
||||
]}
|
||||
title="What Our Community Says"
|
||||
description="Real feedback from drivers in Everett who trust us with their vehicles."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "animated-grid",
|
||||
}}
|
||||
tag="Get in touch"
|
||||
title="Ready to get back on the road?"
|
||||
description="Call us at (617) 947-7551 or request a free quote through the form below."
|
||||
mediaPosition="right"
|
||||
tag="Contact Us"
|
||||
title="Book Your Appointment"
|
||||
description="Give us a call at (617) 947-7551 or use the form below to reach our support team."
|
||||
background={{ variant: "rotated-rays-animated" }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/mechanic-fixing-car-tyre_1170-1666.jpg?_wi=2"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Call Us: (617) 947-7551",
|
||||
href: "tel:6179477551",
|
||||
},
|
||||
{
|
||||
label: "Everett, MA",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Reviews",
|
||||
href: "#reviews",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/mechanic-fixing-car-tyre_1170-1666.jpg?_wi=3"
|
||||
logoText="Mell’s Tires"
|
||||
columns={[
|
||||
{ title: "Services", items: [{ label: "Tires", href: "#services" }, { label: "Brakes", href: "#services" }] },
|
||||
{ title: "Support", items: [{ label: "Contact", href: "#contact" }, { label: "About", href: "#about" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #ffffff;
|
||||
--card: #f9f9f9;
|
||||
--foreground: #120006e6;
|
||||
--primary-cta: #e63946;
|
||||
--background: #f5f5f5;
|
||||
--card: #ffffff;
|
||||
--foreground: #1c1c1c;
|
||||
--primary-cta: #1c1c1c;
|
||||
--primary-cta-text: #ffffff;
|
||||
--secondary-cta: #f9f9f9;
|
||||
--secondary-cta: #ffffff;
|
||||
--secondary-cta-text: #120006e6;
|
||||
--accent: #e2e2e2;
|
||||
--background-accent: #c4c4c4;
|
||||
--accent: #15479c;
|
||||
--background-accent: #a8cce8;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user