Initial commit
This commit is contained in:
249
src/app/about/page.tsx
Normal file
249
src/app/about/page.tsx
Normal file
@@ -0,0 +1,249 @@
|
||||
"use client";
|
||||
|
||||
import Link from "next/link";
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
|
||||
import FeatureCardSeven from "@/components/sections/feature/FeatureCardSeven";
|
||||
import MetricCardTwo from "@/components/sections/metrics/MetricCardTwo";
|
||||
import TestimonialCardFive from "@/components/sections/testimonial/TestimonialCardFive";
|
||||
import FooterSimple from "@/components/sections/footer/FooterSimple";
|
||||
|
||||
export default function AboutPage() {
|
||||
const navItems = [
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Vehicles", id: "/vehicles" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Pricing", id: "/pricing" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
];
|
||||
|
||||
const footerColumns = [
|
||||
{
|
||||
title: "Explore",
|
||||
items: [
|
||||
{ label: "Home", href: "/" },
|
||||
{ label: "Vehicles", href: "/vehicles" },
|
||||
{ label: "About Us", href: "/about" },
|
||||
{ label: "Pricing", href: "/pricing" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{ label: "Contact Us", href: "/contact" },
|
||||
{ label: "FAQ", href: "#faq" },
|
||||
{ label: "Test Drive", href: "/contact" },
|
||||
{ label: "Financing", href: "#financing" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{ label: "About Toyota", href: "/about" },
|
||||
{ label: "News & Press", href: "#news" },
|
||||
{ label: "Sustainability", href: "#sustainability" },
|
||||
{ label: "Careers", href: "#careers" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{ label: "Privacy Policy", href: "#privacy" },
|
||||
{ label: "Terms of Service", href: "#terms" },
|
||||
{ label: "Cookie Policy", href: "#cookies" },
|
||||
{ label: "Accessibility", href: "#accessibility" },
|
||||
],
|
||||
},
|
||||
];
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="elastic-effect"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="soft"
|
||||
contentWidth="smallMedium"
|
||||
sizing="mediumLarge"
|
||||
background="noiseDiagonalGradient"
|
||||
cardStyle="layered-gradient"
|
||||
primaryButtonStyle="diagonal-gradient"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<div id="nav" data-section="nav" className="mx-auto px-4 md:px-6">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
brandName="Toyota"
|
||||
navItems={navItems}
|
||||
button={{
|
||||
text: "Book Test Drive",
|
||||
href: "/contact",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features" className="mx-auto px-4 md:px-6">
|
||||
<FeatureCardSeven
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "Our Heritage",
|
||||
description: "With over 50 years of automotive excellence, Toyota has built a legacy of reliability, innovation, and customer satisfaction that spans generations and continents.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-time-machines-design_23-2151599329.jpg",
|
||||
imageAlt: "Toyota Heritage and Innovation",
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
title: "Global Leadership",
|
||||
description: "Operating in over 170 countries and trusted by millions of drivers worldwide, Toyota is committed to delivering vehicles that exceed expectations and make a positive impact on communities.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hong-kong-traffic-view_1359-452.jpg",
|
||||
imageAlt: "Global Toyota Presence",
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
title: "Sustainability Focus",
|
||||
description: "Pioneering hybrid technology and advancing electric vehicle solutions, Toyota leads the automotive industry in environmental responsibility and sustainable manufacturing practices.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-light-blue-interior-car-including-seats-steering-wheel_181624-12623.jpg",
|
||||
imageAlt: "Sustainable Toyota Technology",
|
||||
},
|
||||
]}
|
||||
title="About Toyota"
|
||||
description="Discover what makes Toyota a trusted name in automotive excellence worldwide."
|
||||
tag="Our Story"
|
||||
tagAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
animationType="blur-reveal"
|
||||
useInvertedBackground={false}
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Our Mission",
|
||||
href: "#mission",
|
||||
},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics" className="mx-auto px-4 md:px-6">
|
||||
<MetricCardTwo
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "98%",
|
||||
description: "Customer Satisfaction",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "15M+",
|
||||
description: "Vehicles Sold Globally",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "#1",
|
||||
description: "Reliability Ranking",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
value: "50+",
|
||||
description: "Years of Excellence",
|
||||
},
|
||||
]}
|
||||
title="Toyota by the Numbers"
|
||||
description="Our commitment to excellence reflected in measurable results and industry recognition."
|
||||
tag="Industry Leadership"
|
||||
tagAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="scale-rotate"
|
||||
useInvertedBackground={false}
|
||||
buttons={[
|
||||
{
|
||||
text: "View All Vehicles",
|
||||
href: "/vehicles",
|
||||
},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials" className="mx-auto px-4 md:px-6">
|
||||
<TestimonialCardFive
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Chen, Marketing Director of TechFlow",
|
||||
date: "Date: 15 January 2025",
|
||||
title: "Best purchase decision ever made",
|
||||
quote: "Switched to Toyota three years ago and haven't looked back. The reliability is outstanding, fuel efficiency saves me money, and the safety features give me peace of mind every time I drive.",
|
||||
tag: "Premium Owner",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/indoor-shot-attractive-caucasian-teenage-woman-with-long-dark-hair-sitting-desk-with-lots-textbooks_273609-1136.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/indoor-shot-attractive-caucasian-teenage-woman-with-long-dark-hair-sitting-desk-with-lots-textbooks_273609-1136.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Rodriguez, CEO of Innovate Inc",
|
||||
date: "Date: 12 January 2025",
|
||||
title: "Exceptional value and performance",
|
||||
quote: "As someone who drives extensively for business, the Camry has been my perfect companion. Comfort, tech features, and resale value are all top-notch.",
|
||||
tag: "Business Class",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/cheerful-young-businesswoman_1262-20867.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-young-businesswoman_1262-20867.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Johnson, Family of Four Parent",
|
||||
date: "Date: 08 January 2025",
|
||||
title: "Family vehicle paradise",
|
||||
quote: "The Highlander gives us room for everything. Whether it's road trips or daily commutes, the space and comfort are unmatched. Our kids love the multimedia system!",
|
||||
tag: "Family Plus",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/blond-businessman-happy-expression_1194-3798.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blond-businessman-happy-expression_1194-3798.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Park, Environmental Advocate",
|
||||
date: "Date: 05 January 2025",
|
||||
title: "Driving sustainably without compromise",
|
||||
quote: "Toyota's hybrid technology lets me reduce my carbon footprint while maintaining excellent performance. It's the perfect balance of responsibility and driving pleasure.",
|
||||
tag: "Eco-Conscious",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-blonde-businesswoman-formal-dressed-isolated-dark-textured-background_613910-5399.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-blonde-businesswoman-formal-dressed-isolated-dark-textured-background_613910-5399.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jessica Martinez, Adventure Enthusiast",
|
||||
date: "Date: 02 January 2025",
|
||||
title: "Adventure-ready and reliable",
|
||||
quote: "The RAV4 has conquered mountains, deserts, and city streets with equal capability. Toyota's durability means I can focus on the adventure, not vehicle worries.",
|
||||
tag: "Adventure Series",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/happy-female-office-workers-thumbing-up-smiling-two-cheerful-professional-businesswomen-standing-together-posing-meeting-room-teamwork-business-success-cooperation-concept_74855-7378.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-female-office-workers-thumbing-up-smiling-two-cheerful-professional-businesswomen-standing-together-posing-meeting-room-teamwork-business-success-cooperation-concept_74855-7378.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "James Wilson, Long-Term Satisfaction",
|
||||
date: "Date: 28 December 2024",
|
||||
title: "Still running strong after 200,000 miles",
|
||||
quote: "My Toyota just hit 200k miles and runs like new. Minimal maintenance, maximum reliability. This is what Toyota represents to me and countless others.",
|
||||
tag: "Loyalty Proven",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-grey-haired-businessman-standing_74855-10324.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-grey-haired-businessman-standing_74855-10324.jpg",
|
||||
},
|
||||
]}
|
||||
title="Customer Stories"
|
||||
description="Hear from Toyota owners about their exceptional driving experiences and long-term satisfaction."
|
||||
tag="Testimonials"
|
||||
tagAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer" className="mx-auto px-4 md:px-6">
|
||||
<FooterSimple
|
||||
columns={footerColumns}
|
||||
bottomLeftText="© 2025 Toyota. All rights reserved."
|
||||
bottomRightText="Made with passion for automotive excellence"
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user