155 lines
8.1 KiB
TypeScript
155 lines
8.1 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
|
|
import HeroBillboardRotatedCarousel from "@/components/sections/hero/HeroBillboardRotatedCarousel";
|
|
import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
|
|
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
|
|
import Link from "next/link";
|
|
import { Flame, Zap } from "lucide-react";
|
|
|
|
export default function AboutPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="expand-hover"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="rounded"
|
|
contentWidth="small"
|
|
sizing="largeSizeMediumTitles"
|
|
background="circleGradient"
|
|
cardStyle="subtle-shadow"
|
|
primaryButtonStyle="primary-glow"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
{/* Navbar */}
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
brandName="DNK"
|
|
navItems={[
|
|
{ name: "Home", id: "/" },
|
|
{ name: "About", id: "/about" },
|
|
{ name: "Bikes", id: "/bikes" },
|
|
{ name: "News", id: "/news" },
|
|
{ name: "Contact", id: "/contact" },
|
|
]}
|
|
button={{ text: "Join Us", href: "/contact" }}
|
|
animateOnLoad={true}
|
|
/>
|
|
</div>
|
|
|
|
{/* Hero Section - About Page Hero */}
|
|
<div id="hero-about" data-section="hero-about">
|
|
<HeroBillboardRotatedCarousel
|
|
title="Our Legacy of Brotherhood"
|
|
description="DNK Motorcycle Club stands as a testament to the values of freedom, camaraderie, and the undying passion for the open road. From our humble beginnings to becoming a respected force in the motorcycle community, our journey has been built on trust, loyalty, and shared adventures."
|
|
tag="About DNK"
|
|
tagIcon={Flame}
|
|
tagAnimation="slide-up"
|
|
buttons={[
|
|
{ text: "Explore Our Fleet", href: "/bikes" },
|
|
{ text: "View News", href: "/news" },
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
carouselItems={[
|
|
{
|
|
id: "1", imageSrc: "http://img.b2bpic.net/free-photo/motorcycle-engine-close-up_1398-286.jpg", imageAlt: "Powerful motorcycle on open road"},
|
|
{
|
|
id: "2", imageSrc: "http://img.b2bpic.net/free-photo/side-view-motorbiker-inspecting-his-bike-before-ride_1098-19059.jpg", imageAlt: "Classic cruiser motorcycle"},
|
|
{
|
|
id: "3", imageSrc: "http://img.b2bpic.net/free-photo/stylish-tattooed-bearded-man-with-dressed-black-leather-jacket-bow-tie-posing-near-retro-sports-motorbike-men-s-clothing-store_613910-19587.jpg", imageAlt: "Custom motorcycle in sunlight"},
|
|
{
|
|
id: "4", imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-riding-motorbike_23-2150810263.jpg", imageAlt: "Motorcycle club gathering"},
|
|
{
|
|
id: "5", imageSrc: "http://img.b2bpic.net/free-photo/two-lesbian-women-kissing-while-motorcycle-with-helmets_23-2149023869.jpg", imageAlt: "Group ride on highway"},
|
|
{
|
|
id: "6", imageSrc: "http://img.b2bpic.net/free-photo/top-view-man-riding-motorbike_23-2150810285.jpg", imageAlt: "Motorcycle detail shot"},
|
|
]}
|
|
autoPlay={true}
|
|
autoPlayInterval={4000}
|
|
background={{ variant: "plain" }}
|
|
className="w-full"
|
|
containerClassName="w-full"
|
|
titleClassName="text-white"
|
|
descriptionClassName="text-gray-300"
|
|
buttonClassName="px-8 py-3"
|
|
/>
|
|
</div>
|
|
|
|
{/* Our Fleet Section - Featured Bikes */}
|
|
<div id="bikes-featured" data-section="bikes-featured">
|
|
<ProductCardTwo
|
|
title="Our Iconic Fleet"
|
|
description="Discover the pride of DNK - our collection of meticulously maintained and custom-built motorcycles that embody the spirit and passion of our club members."
|
|
tag="Fleet"
|
|
tagIcon={Zap}
|
|
tagAnimation="slide-up"
|
|
buttons={[
|
|
{ text: "Contact Us", href: "/contact" },
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
products={[
|
|
{
|
|
id: "1", brand: "Harley-Davidson", name: "Street 750", price: "Custom Build", rating: 5,
|
|
reviewCount: "Member Favorite", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-old-motorcycle-outdoors_23-2148703221.jpg", imageAlt: "Harley-Davidson Street 750"},
|
|
{
|
|
id: "2", brand: "Indian", name: "Scout Bobber", price: "Classic Beauty", rating: 5,
|
|
reviewCount: "Stunning", imageSrc: "http://img.b2bpic.net/free-photo/front-view-senior-woman-with-motorcycle_23-2150909411.jpg", imageAlt: "Indian Scout Bobber"},
|
|
{
|
|
id: "3", brand: "Triumph", name: "Bonneville T120", price: "Iconic Ride", rating: 5,
|
|
reviewCount: "Legendary", imageSrc: "http://img.b2bpic.net/free-photo/view-cool-motorcycle_23-2150704785.jpg", imageAlt: "Triumph Bonneville T120"},
|
|
]}
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
containerClassName="w-full"
|
|
cardClassName="rounded-lg overflow-hidden"
|
|
/>
|
|
</div>
|
|
|
|
{/* Club Values & Mission Section */}
|
|
<div id="club-values" data-section="club-values">
|
|
<ProductCardTwo
|
|
title="What Defines DNK"
|
|
description="Our club is built on core values that drive every decision we make and every road we travel. Here's what makes DNK special and how we approach our mission as a unified brotherhood."
|
|
tag="Our Values"
|
|
tagIcon={Flame}
|
|
tagAnimation="slide-up"
|
|
buttons={[
|
|
{ text: "Join Our Community", href: "/contact" },
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{
|
|
id: "1", brand: "Brotherhood", name: "Unity & Loyalty", price: "Core Value", rating: 5,
|
|
reviewCount: "Foundation", imageSrc: "http://img.b2bpic.net/free-photo/dirt-bike-rider-participating-races-circuits-adventure-thrill-with-motorcycle_23-2151482663.jpg", imageAlt: "Brotherhood and Unity"},
|
|
{
|
|
id: "2", brand: "Freedom", name: "Open Road Spirit", price: "Lifestyle", rating: 5,
|
|
reviewCount: "Adventure", imageSrc: "http://img.b2bpic.net/free-photo/portrait-attractive-couple-denim-jackets-with-motorbike-near-big-glass-building-city-centre_613910-3737.jpg", imageAlt: "Freedom and Adventure"},
|
|
{
|
|
id: "3", brand: "Community", name: "Giving Back", price: "Commitment", rating: 5,
|
|
reviewCount: "Impact", imageSrc: "http://img.b2bpic.net/free-photo/professional-cyclist-women_23-2149703330.jpg", imageAlt: "Community Service"},
|
|
]}
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
containerClassName="w-full"
|
|
cardClassName="rounded-lg overflow-hidden"
|
|
/>
|
|
</div>
|
|
|
|
{/* Footer */}
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoReveal
|
|
logoText="DNK"
|
|
leftLink={{ text: "Privacy Policy", href: "#" }}
|
|
rightLink={{ text: "Terms of Service", href: "#" }}
|
|
wrapperClassName="bg-black border-t border-gray-800"
|
|
logoClassName="text-orange-500"
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |