Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
@@ -53,35 +53,17 @@ export default function AboutPage() {
|
||||
buttonAnimation="slide-up"
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/motorcycle-engine-close-up_1398-286.jpg?_wi=2",
|
||||
imageAlt: "Powerful motorcycle on open road",
|
||||
},
|
||||
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?_wi=2",
|
||||
imageAlt: "Classic cruiser motorcycle",
|
||||
},
|
||||
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?_wi=2",
|
||||
imageAlt: "Custom motorcycle in sunlight",
|
||||
},
|
||||
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?_wi=2",
|
||||
imageAlt: "Motorcycle club gathering",
|
||||
},
|
||||
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?_wi=2",
|
||||
imageAlt: "Group ride on highway",
|
||||
},
|
||||
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?_wi=2",
|
||||
imageAlt: "Motorcycle detail shot",
|
||||
},
|
||||
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}
|
||||
@@ -110,35 +92,14 @@ export default function AboutPage() {
|
||||
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?_wi=1",
|
||||
imageAlt: "Harley-Davidson Street 750",
|
||||
},
|
||||
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?_wi=1",
|
||||
imageAlt: "Indian Scout Bobber",
|
||||
},
|
||||
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?_wi=1",
|
||||
imageAlt: "Triumph Bonneville T120",
|
||||
},
|
||||
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"
|
||||
@@ -163,35 +124,14 @@ export default function AboutPage() {
|
||||
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?_wi=1",
|
||||
imageAlt: "Brotherhood and Unity",
|
||||
},
|
||||
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?_wi=1",
|
||||
imageAlt: "Freedom and Adventure",
|
||||
},
|
||||
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?_wi=1",
|
||||
imageAlt: "Community Service",
|
||||
},
|
||||
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"
|
||||
|
||||
@@ -18,55 +18,20 @@ export default function BikesPage() {
|
||||
|
||||
const bikesProducts = [
|
||||
{
|
||||
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?_wi=2",
|
||||
imageAlt: "Harley-Davidson Street 750",
|
||||
},
|
||||
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?_wi=2",
|
||||
imageAlt: "Indian Scout Bobber",
|
||||
},
|
||||
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?_wi=2",
|
||||
imageAlt: "Triumph Bonneville T120",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
id: "4",
|
||||
brand: "BMW",
|
||||
name: "R 1250 GS",
|
||||
price: "Adventure Ready",
|
||||
rating: 5,
|
||||
reviewCount: "Versatile",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dirt-bike-rider-participating-races-circuits-adventure-thrill-with-motorcycle_23-2151482663.jpg?_wi=2",
|
||||
imageAlt: "BMW R 1250 GS",
|
||||
},
|
||||
id: "4", brand: "BMW", name: "R 1250 GS", price: "Adventure Ready", rating: 5,
|
||||
reviewCount: "Versatile", imageSrc: "http://img.b2bpic.net/free-photo/dirt-bike-rider-participating-races-circuits-adventure-thrill-with-motorcycle_23-2151482663.jpg", imageAlt: "BMW R 1250 GS"},
|
||||
{
|
||||
id: "5",
|
||||
brand: "Ducati",
|
||||
name: "Monster 821",
|
||||
price: "Modern Power",
|
||||
rating: 5,
|
||||
reviewCount: "Dynamic",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-attractive-couple-denim-jackets-with-motorbike-near-big-glass-building-city-centre_613910-3737.jpg?_wi=2",
|
||||
imageAlt: "Ducati Monster 821",
|
||||
},
|
||||
id: "5", brand: "Ducati", name: "Monster 821", price: "Modern Power", rating: 5,
|
||||
reviewCount: "Dynamic", imageSrc: "http://img.b2bpic.net/free-photo/portrait-attractive-couple-denim-jackets-with-motorbike-near-big-glass-building-city-centre_613910-3737.jpg", imageAlt: "Ducati Monster 821"},
|
||||
];
|
||||
|
||||
return (
|
||||
|
||||
@@ -32,8 +32,7 @@ export default function ContactPage() {
|
||||
{ name: "Contact", id: "/contact" }
|
||||
]}
|
||||
button={{
|
||||
text: "Join Us",
|
||||
href: "/contact"
|
||||
text: "Join Us", href: "/contact"
|
||||
}}
|
||||
animateOnLoad={true}
|
||||
/>
|
||||
@@ -50,7 +49,7 @@ export default function ContactPage() {
|
||||
variant: "plain"
|
||||
}}
|
||||
useInvertedBackground={false}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/full-shot-man-riding-motorbike_23-2150819743.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/full-shot-man-riding-motorbike_23-2150819743.jpg"
|
||||
imageAlt="motorcycle riders group standing outdoor together"
|
||||
mediaAnimation="slide-up"
|
||||
mediaPosition="right"
|
||||
@@ -67,12 +66,10 @@ export default function ContactPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="DNK"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#"
|
||||
text: "Privacy Policy", href: "#"
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#"
|
||||
text: "Terms of Service", href: "#"
|
||||
}}
|
||||
wrapperClassName="bg-black border-t border-gray-800"
|
||||
logoClassName="text-orange-500"
|
||||
|
||||
@@ -18,49 +18,13 @@ export default function NewsPage() {
|
||||
|
||||
const newsBlogs = [
|
||||
{
|
||||
id: "1",
|
||||
category: "Event",
|
||||
title: "Summer Ride to the Coast - July 2025",
|
||||
excerpt: "Join us for our annual summer ride featuring scenic coastal routes, great food, and incredible motorcycle enthusiasts from across the region.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-cyclist-women_23-2149703330.jpg?_wi=2",
|
||||
imageAlt: "Summer Coastal Ride",
|
||||
authorName: "Club President",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/handsome-man-vintage-motorcycle_23-2148328609.jpg",
|
||||
date: "June 15, 2025",
|
||||
},
|
||||
id: "1", category: "Event", title: "Summer Ride to the Coast - July 2025", excerpt: "Join us for our annual summer ride featuring scenic coastal routes, great food, and incredible motorcycle enthusiasts from across the region.", imageSrc: "http://img.b2bpic.net/free-photo/professional-cyclist-women_23-2149703330.jpg", imageAlt: "Summer Coastal Ride", authorName: "Club President", authorAvatar: "http://img.b2bpic.net/free-photo/handsome-man-vintage-motorcycle_23-2148328609.jpg", date: "June 15, 2025"},
|
||||
{
|
||||
id: "2",
|
||||
category: "Announcement",
|
||||
title: "New Member Welcome Program",
|
||||
excerpt: "We're excited to announce our revamped membership program designed to help new riders feel at home in the DNK family.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-people-with-motorbike-outdoors_23-2150620972.jpg",
|
||||
imageAlt: "New Members Welcome",
|
||||
authorName: "Membership Lead",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/front-view-kid-with-motorcycle_23-2150868282.jpg",
|
||||
date: "June 1, 2025",
|
||||
},
|
||||
id: "2", category: "Announcement", title: "New Member Welcome Program", excerpt: "We're excited to announce our revamped membership program designed to help new riders feel at home in the DNK family.", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-people-with-motorbike-outdoors_23-2150620972.jpg", imageAlt: "New Members Welcome", authorName: "Membership Lead", authorAvatar: "http://img.b2bpic.net/free-photo/front-view-kid-with-motorcycle_23-2150868282.jpg", date: "June 1, 2025"},
|
||||
{
|
||||
id: "3",
|
||||
category: "Charity",
|
||||
title: "Charity Ride Raises $15,000 for Local Youth",
|
||||
excerpt: "Our recent motorcycle charity ride exceeded expectations, raising over $15,000 for youth mentoring programs in our community.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bikers-wearing-masks-new-normal-lifestyle_53876-96190.jpg",
|
||||
imageAlt: "Charity Ride Success",
|
||||
authorName: "Community Officer",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/full-shot-senior-woman-with-motorcycle_23-2150909373.jpg",
|
||||
date: "May 20, 2025",
|
||||
},
|
||||
id: "3", category: "Charity", title: "Charity Ride Raises $15,000 for Local Youth", excerpt: "Our recent motorcycle charity ride exceeded expectations, raising over $15,000 for youth mentoring programs in our community.", imageSrc: "http://img.b2bpic.net/free-photo/bikers-wearing-masks-new-normal-lifestyle_53876-96190.jpg", imageAlt: "Charity Ride Success", authorName: "Community Officer", authorAvatar: "http://img.b2bpic.net/free-photo/full-shot-senior-woman-with-motorcycle_23-2150909373.jpg", date: "May 20, 2025"},
|
||||
{
|
||||
id: "4",
|
||||
category: "Event",
|
||||
title: "Spring Maintenance Workshop",
|
||||
excerpt: "Learn essential motorcycle maintenance tips from our experienced mechanics during our upcoming spring workshop.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/making-online-order_1098-15535.jpg",
|
||||
imageAlt: "Maintenance Workshop",
|
||||
authorName: "Tech Officer",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/positive-bearded-redhead-male-leather-jacket-holds-motorcycle-helmet-grey-background_613910-1098.jpg",
|
||||
date: "May 5, 2025",
|
||||
},
|
||||
id: "4", category: "Event", title: "Spring Maintenance Workshop", excerpt: "Learn essential motorcycle maintenance tips from our experienced mechanics during our upcoming spring workshop.", imageSrc: "http://img.b2bpic.net/free-photo/making-online-order_1098-15535.jpg", imageAlt: "Maintenance Workshop", authorName: "Tech Officer", authorAvatar: "http://img.b2bpic.net/free-photo/positive-bearded-redhead-male-leather-jacket-holds-motorcycle-helmet-grey-background_613910-1098.jpg", date: "May 5, 2025"},
|
||||
];
|
||||
|
||||
return (
|
||||
|
||||
@@ -57,35 +57,17 @@ export default function HomePage() {
|
||||
buttonAnimation="slide-up"
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/motorcycle-engine-close-up_1398-286.jpg?_wi=1",
|
||||
imageAlt: "Powerful motorcycle on open road",
|
||||
},
|
||||
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?_wi=1",
|
||||
imageAlt: "Classic cruiser motorcycle",
|
||||
},
|
||||
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?_wi=1",
|
||||
imageAlt: "Custom motorcycle in sunlight",
|
||||
},
|
||||
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?_wi=1",
|
||||
imageAlt: "Motorcycle club gathering",
|
||||
},
|
||||
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?_wi=1",
|
||||
imageAlt: "Group ride on highway",
|
||||
},
|
||||
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?_wi=1",
|
||||
imageAlt: "Motorcycle detail shot",
|
||||
},
|
||||
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}
|
||||
@@ -130,59 +112,23 @@ export default function HomePage() {
|
||||
showRating={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Mike Johnson",
|
||||
handle: "@mikej_rides",
|
||||
testimonial: "DNK isn't just a motorcycle club - it's a family. The brotherhood, the rides, and the adventures have changed my life. Couldn't imagine being part of anything better.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-vintage-motorcycle_23-2148328609.jpg",
|
||||
imageAlt: "Mike Johnson",
|
||||
},
|
||||
id: "1", name: "Mike Johnson", handle: "@mikej_rides", testimonial: "DNK isn't just a motorcycle club - it's a family. The brotherhood, the rides, and the adventures have changed my life. Couldn't imagine being part of anything better.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-vintage-motorcycle_23-2148328609.jpg", imageAlt: "Mike Johnson"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sarah Thompson",
|
||||
handle: "@sarah_motorcycle",
|
||||
testimonial: "I came as a skeptic, but the inclusivity and genuine friendship in DNK won me over immediately. Everyone here respects each other and celebrates motorcycle passion.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-kid-with-motorcycle_23-2150868282.jpg",
|
||||
imageAlt: "Sarah Thompson",
|
||||
},
|
||||
id: "2", name: "Sarah Thompson", handle: "@sarah_motorcycle", testimonial: "I came as a skeptic, but the inclusivity and genuine friendship in DNK won me over immediately. Everyone here respects each other and celebrates motorcycle passion.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-kid-with-motorcycle_23-2150868282.jpg", imageAlt: "Sarah Thompson"},
|
||||
{
|
||||
id: "3",
|
||||
name: "David Martinez",
|
||||
handle: "@davidm_speed",
|
||||
testimonial: "The rides are incredible, but what really gets me is how this club gives back to the community. It's about more than bikes - it's about making a difference.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-senior-woman-with-motorcycle_23-2150909373.jpg",
|
||||
imageAlt: "David Martinez",
|
||||
},
|
||||
id: "3", name: "David Martinez", handle: "@davidm_speed", testimonial: "The rides are incredible, but what really gets me is how this club gives back to the community. It's about more than bikes - it's about making a difference.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-senior-woman-with-motorcycle_23-2150909373.jpg", imageAlt: "David Martinez"},
|
||||
{
|
||||
id: "4",
|
||||
name: "James Chen",
|
||||
handle: "@james_chrome",
|
||||
testimonial: "Been riding for 20 years and DNK is the best crew I've ever been part of. The respect, loyalty, and passion here is unmatched. This is home.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-bearded-redhead-male-leather-jacket-holds-motorcycle-helmet-grey-background_613910-1098.jpg",
|
||||
imageAlt: "James Chen",
|
||||
},
|
||||
id: "4", name: "James Chen", handle: "@james_chrome", testimonial: "Been riding for 20 years and DNK is the best crew I've ever been part of. The respect, loyalty, and passion here is unmatched. This is home.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-bearded-redhead-male-leather-jacket-holds-motorcycle-helmet-grey-background_613910-1098.jpg", imageAlt: "James Chen"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Lisa Anderson",
|
||||
handle: "@lisa_rider",
|
||||
testimonial: "From my first ride with DNK, I knew I was in the right place. The club values safety, skill, and most importantly, friendship. Can't thank them enough.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-cool-old-woman-with-motorcycle_23-2150742825.jpg",
|
||||
imageAlt: "Lisa Anderson",
|
||||
},
|
||||
id: "5", name: "Lisa Anderson", handle: "@lisa_rider", testimonial: "From my first ride with DNK, I knew I was in the right place. The club values safety, skill, and most importantly, friendship. Can't thank them enough.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-cool-old-woman-with-motorcycle_23-2150742825.jpg", imageAlt: "Lisa Anderson"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Robert Williams",
|
||||
handle: "@rob_harley",
|
||||
testimonial: "DNK represents everything great about motorcycle culture. It's more than a club - it's a movement of passionate riders committed to excellence.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-psd/young-adult-bearded-man-with-motorbike-helmet_1194-635437.jpg",
|
||||
imageAlt: "Robert Williams",
|
||||
},
|
||||
id: "6", name: "Robert Williams", handle: "@rob_harley", testimonial: "DNK represents everything great about motorcycle culture. It's more than a club - it's a movement of passionate riders committed to excellence.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-psd/young-adult-bearded-man-with-motorbike-helmet_1194-635437.jpg", imageAlt: "Robert Williams"},
|
||||
]}
|
||||
containerClassName="w-full"
|
||||
cardClassName="rounded-lg overflow-hidden"
|
||||
@@ -199,7 +145,7 @@ export default function HomePage() {
|
||||
description="Ready to experience the DNK difference? Contact us to learn about membership, upcoming events, or to schedule a meet and greet with our club members. We look forward to meeting you on the road."
|
||||
background={{ variant: "plain" }}
|
||||
useInvertedBackground={false}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/full-shot-man-riding-motorbike_23-2150819743.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/full-shot-man-riding-motorbike_23-2150819743.jpg"
|
||||
imageAlt="DNK Club Members on Motorcycles"
|
||||
mediaAnimation="slide-up"
|
||||
mediaPosition="right"
|
||||
|
||||
@@ -1,51 +1,45 @@
|
||||
"use client";
|
||||
|
||||
import { memo } from "react";
|
||||
import useSvgTextLogo from "./useSvgTextLogo";
|
||||
import { cls } from "@/lib/utils";
|
||||
import React from 'react';
|
||||
|
||||
interface SvgTextLogoProps {
|
||||
logoText: string;
|
||||
adjustHeightFactor?: number;
|
||||
verticalAlign?: "top" | "center";
|
||||
text: string;
|
||||
className?: string;
|
||||
fontSize?: number;
|
||||
fontWeight?: number | string;
|
||||
letterSpacing?: number;
|
||||
fill?: string;
|
||||
}
|
||||
|
||||
const SvgTextLogo = memo<SvgTextLogoProps>(function SvgTextLogo({
|
||||
logoText,
|
||||
adjustHeightFactor,
|
||||
verticalAlign = "top",
|
||||
className = "",
|
||||
}) {
|
||||
const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor);
|
||||
|
||||
const SvgTextLogo: React.FC<SvgTextLogoProps> = ({
|
||||
text,
|
||||
className = '',
|
||||
fontSize = 48,
|
||||
fontWeight = 700,
|
||||
letterSpacing = 0,
|
||||
fill = 'currentColor',
|
||||
}) => {
|
||||
return (
|
||||
<svg
|
||||
ref={svgRef}
|
||||
viewBox={viewBox}
|
||||
className={cls("w-full", className)}
|
||||
style={{ aspectRatio: aspectRatio }}
|
||||
preserveAspectRatio="none"
|
||||
role="img"
|
||||
aria-label={`${logoText} logo`}
|
||||
viewBox={`0 0 ${text.length * fontSize * 0.6} ${fontSize * 1.2}`}
|
||||
className={className}
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<text
|
||||
ref={textRef}
|
||||
x="0"
|
||||
y={verticalAlign === "center" ? "50%" : "0"}
|
||||
className="font-bold fill-current"
|
||||
x="50%"
|
||||
y="50%"
|
||||
dominantBaseline="middle"
|
||||
textAnchor="middle"
|
||||
fontSize={fontSize}
|
||||
fontWeight={fontWeight}
|
||||
letterSpacing={letterSpacing}
|
||||
fill={fill}
|
||||
style={{
|
||||
fontSize: "20px",
|
||||
letterSpacing: "-0.02em",
|
||||
dominantBaseline: verticalAlign === "center" ? "middle" : "text-before-edge"
|
||||
fontFamily: 'inherit',
|
||||
}}
|
||||
>
|
||||
{logoText}
|
||||
{text}
|
||||
</text>
|
||||
</svg>
|
||||
);
|
||||
});
|
||||
|
||||
SvgTextLogo.displayName = "SvgTextLogo";
|
||||
};
|
||||
|
||||
export default SvgTextLogo;
|
||||
|
||||
Reference in New Issue
Block a user