Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #4.
This commit is contained in:
@@ -2,247 +2,99 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import AboutMetric from '@/components/sections/about/AboutMetric';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
import TeamCardOne from '@/components/sections/team/TeamCardOne';
|
||||
import { Car, Smile, Star } from "lucide-react";
|
||||
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import { Star, Facebook, Instagram, X } from 'lucide-react';
|
||||
|
||||
export default function AboutPage() {
|
||||
const navItems = [
|
||||
{
|
||||
name: "Home", id: "/"
|
||||
},
|
||||
{
|
||||
name: "Inventory", id: "/inventory"
|
||||
},
|
||||
{
|
||||
name: "Financing", id: "/financing"
|
||||
},
|
||||
{
|
||||
name: "Reviews", id: "/reviews"
|
||||
},
|
||||
{
|
||||
name: "About", id: "/about"
|
||||
},
|
||||
{
|
||||
name: "Contact", id: "/contact"
|
||||
},
|
||||
{
|
||||
name: "Gallery", id: "/gallery"
|
||||
}
|
||||
];
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="shift-hover"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="medium"
|
||||
background="noiseDiagonalGradient"
|
||||
cardStyle="subtle-shadow"
|
||||
primaryButtonStyle="shadow"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="bold"
|
||||
defaultButtonVariant="shift-hover"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="medium"
|
||||
background="noiseDiagonalGradient"
|
||||
cardStyle="subtle-shadow"
|
||||
primaryButtonStyle="shadow"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
href: "/",
|
||||
},
|
||||
{
|
||||
name: "Inventory",
|
||||
id: "inventory",
|
||||
href: "/inventory",
|
||||
},
|
||||
{
|
||||
name: "Financing",
|
||||
id: "financing",
|
||||
href: "/financing",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "reviews",
|
||||
href: "/reviews",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
href: "/contact",
|
||||
},
|
||||
]}
|
||||
button={{
|
||||
text: "Call Us",
|
||||
href: "tel:+19178652128",
|
||||
}}
|
||||
brandName="Twins Motors"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={navItems}
|
||||
button={{
|
||||
text: "Call Us", href: "tel:+19178652128"
|
||||
}}
|
||||
brandName="Twins Motors"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
imagePosition="right"
|
||||
title="Welcome to Twins Motors"
|
||||
description="Twins Motors is a family-owned dealership dedicated to providing premium used cars and an unparalleled buying experience in Wantagh, NY. Established with a passion for automobiles and a commitment to customer satisfaction, we've built a reputation for trust, transparency, and quality. Our hand-picked inventory ensures you find not just a car, but the right car for your lifestyle."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Quality Assured Vehicles",
|
||||
description: "Every car in our inventory undergoes a rigorous inspection to meet the highest standards.",
|
||||
},
|
||||
{
|
||||
title: "Transparent Pricing",
|
||||
description: "Honest and straightforward pricing with no hidden fees, ensuring a fair deal.",
|
||||
},
|
||||
{
|
||||
title: "Personalized Customer Service",
|
||||
description: "Our team offers tailored assistance to help you find your ideal car and financing solution.",
|
||||
},
|
||||
{
|
||||
title: "Community Focused",
|
||||
description: "Proudly serving Wantagh and surrounding areas, building lasting relationships with our clients.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/modern-interior-design-living-room-with-soft-sofa-background-wooden-wall-minim_1258-134117.jpg?_wi=2"
|
||||
imageAlt="luxury car dealership interior lounge area"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlay
|
||||
title="About Twins Motors"
|
||||
description="Your trusted partner for premium pre-owned vehicles. We're dedicated to quality and customer satisfaction."
|
||||
tag="Our Story | Commitment to Excellence"
|
||||
tagIcon={Star}
|
||||
buttons={[
|
||||
{
|
||||
text: "View Inventory", href: "/inventory"
|
||||
},
|
||||
{
|
||||
text: "Contact Us", href: "/contact"
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/happy-customers-car-dealership_23-2149106166.jpg"
|
||||
textPosition="center"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about-metrics" data-section="about-metrics">
|
||||
<AboutMetric
|
||||
useInvertedBackground={false}
|
||||
title="Driving Success, One Customer at a Time"
|
||||
metrics={[
|
||||
{
|
||||
icon: Car,
|
||||
label: "Vehicles Sold",
|
||||
value: "2,500+",
|
||||
},
|
||||
{
|
||||
icon: Smile,
|
||||
label: "Happy Customers",
|
||||
value: "1,800+",
|
||||
},
|
||||
{
|
||||
icon: Star,
|
||||
label: "Average Rating",
|
||||
value: "4.9/5",
|
||||
},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="our-team" data-section="our-team">
|
||||
<TeamCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
members={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Johnathan Smith",
|
||||
role: "General Manager",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-black-businessman-buys-new-car-he-signs-contract-takes-keys-manager_146671-18402.jpg?_wi=2",
|
||||
imageAlt: "Johnathan Smith portrait",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Emily Johnson",
|
||||
role: "Sales Director",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-customers-car-dealership_23-2149106166.jpg?_wi=2",
|
||||
imageAlt: "Emily Johnson portrait",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Michael Davis",
|
||||
role: "Finance Manager",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-people-talking-about-new-project_23-2148778072.jpg?_wi=3",
|
||||
imageAlt: "Michael Davis portrait",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Sophia Lee",
|
||||
role: "Customer Relations",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-woman-standing-by-car_1157-33895.jpg?_wi=3",
|
||||
imageAlt: "Sophia Lee portrait",
|
||||
},
|
||||
]}
|
||||
title="Meet Our Dedicated Team"
|
||||
description="Our friendly and knowledgeable staff are passionate about cars and committed to making your car-buying experience exceptional. We're here to assist you every step of the way, from browsing to financing."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "About Us",
|
||||
items: [
|
||||
{
|
||||
label: "Our Story",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "Our Team",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "Customer Reviews",
|
||||
href: "/reviews",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Inventory",
|
||||
items: [
|
||||
{
|
||||
label: "All Vehicles",
|
||||
href: "/inventory",
|
||||
},
|
||||
{
|
||||
label: "Sedans",
|
||||
href: "/inventory?type=sedan",
|
||||
},
|
||||
{
|
||||
label: "SUVs",
|
||||
href: "/inventory?type=suv",
|
||||
},
|
||||
{
|
||||
label: "Sports Cars",
|
||||
href: "/inventory?type=sports",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Financing",
|
||||
href: "/financing",
|
||||
},
|
||||
{
|
||||
label: "Trade-Ins",
|
||||
href: "/contact",
|
||||
},
|
||||
{
|
||||
label: "Service Center",
|
||||
href: "/contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "/contact",
|
||||
},
|
||||
{
|
||||
label: "FAQs",
|
||||
href: "/contact#faqs",
|
||||
},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "/privacy",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Twins Motors"
|
||||
copyrightText="© 2024 Twins Motors. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Twins Motors"
|
||||
copyrightText="© 2024 Twins Motors. All rights reserved."
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Facebook,
|
||||
href: "https://facebook.com/TwinsMotors", ariaLabel: "Facebook"
|
||||
},
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "https://instagram.com/TwinsMotors", ariaLabel: "Instagram"
|
||||
},
|
||||
{
|
||||
icon: X,
|
||||
href: "https://twitter.com/TwinsMotors", ariaLabel: "Twitter"
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
@@ -41,6 +41,8 @@ export default function LandingPage() {
|
||||
name: "About", id: "/about"},
|
||||
{
|
||||
name: "Contact", id: "/contact"},
|
||||
{
|
||||
name: "Gallery", id: "/gallery"}
|
||||
]}
|
||||
button={{
|
||||
text: "Call Us", href: "tel:+19178652128"}}
|
||||
|
||||
Reference in New Issue
Block a user