bender/1a5ea12f-fb40-464f-a81d-2246488e7799
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main

Browse Source 
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
bender
2026-05-07 22:44:53 +00:00
parent 3e2cb47e2f f63e2e71c6
commit ff19ca9ae3
1 changed files with 51 additions and 259 deletions
Download Patch File Download Diff File Expand all files Collapse all files

310
src/app/page.tsx
View File

@@ -32,26 +32,11 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "Experiences",
id: "experience",
},
{
name: "Tours",
id: "tours",
},
{
name: "Gallery",
id: "gallery",
},
{
name: "Book Now",
id: "booking",
},
{ name: "Home", id: "hero" },
{ name: "Experiences", id: "experience" },
{ name: "Tours", id: "tours" },
{ name: "Gallery", id: "gallery" },
{ name: "Book Now", id: "booking" },
]}
brandName="Motos & Quads Sol"
/>
@@ -59,46 +44,20 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardCarousel
background={{
variant: "sparkles-gradient",
}}
background={{ variant: "sparkles-gradient" }}
title="Ride Beyond The Ordinary"
description="Experience unforgettable quad tours across beaches, trails, sunsets, and breathtaking Moroccan landscapes."
buttons={[
{
text: "Book Your Ride",
href: "#booking",
},
{
text: "View Tours",
href: "#tours",
},
{ text: "Book Your Ride", href: "#booking" },
{ text: "View Tours", href: "#tours" },
]}
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/motorcycle-safety-helmet_23-2151531335.jpg?_wi=1",
imageAlt: "Quad bike beach adventure",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/woman-riding-atv-hawaii_23-2148892282.jpg?_wi=1",
imageAlt: "Dune riding action",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-posing-sitting-surfboard-ocean_72229-737.jpg?_wi=1",
imageAlt: "Rugged bike detail",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/tropical-beach-perfect-spending-summer-afternoons-algarve-portugal_181624-8486.jpg",
imageAlt: "Tangier coastline view",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/group-people-driving-quad-bikes-snowy-road_651396-2478.jpg",
imageAlt: "Off-road trail action",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/image-joyful-curly-woman-sunglasses-sitting-motorbike_171337-16766.jpg",
imageAlt: "Sunset horizon view",
},
{ imageSrc: "http://img.b2bpic.net/free-photo/motorcycle-safety-helmet_23-2151531335.jpg", imageAlt: "Quad bike beach adventure" },
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-riding-atv-hawaii_23-2148892282.jpg", imageAlt: "Dune riding action" },
{ imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-posing-sitting-surfboard-ocean_72229-737.jpg", imageAlt: "Rugged bike detail" },
{ imageSrc: "http://img.b2bpic.net/free-photo/tropical-beach-perfect-spending-summer-afternoons-algarve-portugal_181624-8486.jpg", imageAlt: "Tangier coastline view" },
{ imageSrc: "http://img.b2bpic.net/free-photo/group-people-driving-quad-bikes-snowy-road_651396-2478.jpg", imageAlt: "Off-road trail action" },
{ imageSrc: "http://img.b2bpic.net/free-photo/image-joyful-curly-woman-sunglasses-sitting-motorbike_171337-16766.jpg", imageAlt: "Sunset horizon view" },
]}
/>
</div>
@@ -108,53 +67,23 @@ export default function LandingPage() {
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
features={[
{
title: "Expert Guided Tours",
description: "Ride with confidence alongside local professionals who know the best trails, hidden gems, and secret sunset spots of Tangier.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/hiker-sunny-woods_23-2147770429.jpg",
imageAlt: "Guide",
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/friends-playing-guitar-while-traveling-by-car_23-2148771880.jpg",
imageAlt: "Guide",
},
imageSrc: "http://img.b2bpic.net/free-photo/motorcycle-safety-helmet_23-2151531335.jpg?_wi=2",
imageAlt: "quad tour guide adventure",
},
{
title: "Premium Quad Fleet",
description: "Experience peak performance on our high-quality, meticulously maintained quad bikes designed for desert and beach mastery.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/jeep-car-hawaii_23-2148892253.jpg",
imageAlt: "Bike",
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/fitness-equipment_53876-71219.jpg",
imageAlt: "Bike",
},
imageSrc: "http://img.b2bpic.net/free-photo/woman-riding-atv-hawaii_23-2148892282.jpg?_wi=2",
imageAlt: "quad tour guide adventure",
},
{
title: "Unforgettable Landscapes",
description: "From golden beach rides to rugged mountain trails, every turn reveals breathtaking coastal and desert scenery.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-river-stones-forest_158595-5793.jpg",
imageAlt: "Landscape",
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/man-sport-equipment-riding-motorcross-bike-mountains_93675-134823.jpg",
imageAlt: "Landscape",
},
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-posing-sitting-surfboard-ocean_72229-737.jpg?_wi=2",
imageAlt: "quad tour guide adventure",
},
]}
showStepNumbers={true}
title="Tangier's Ultimate Quad Experience"
description="Why choose Motos & Quads Sol for your Moroccan adventure? We combine premium equipment, expert guides, and the most stunning landscapes in Tangier."
features={[
{
title: "Expert Guided Tours", description: "Ride with confidence alongside local professionals who know the best trails, hidden gems, and secret sunset spots of Tangier.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/hiker-sunny-woods_23-2147770429.jpg", imageAlt: "Guide" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/friends-playing-guitar-while-traveling-by-car_23-2148771880.jpg", imageAlt: "Guide" }
},
{
title: "Premium Quad Fleet", description: "Experience peak performance on our high-quality, meticulously maintained quad bikes designed for desert and beach mastery.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/jeep-car-hawaii_23-2148892253.jpg", imageAlt: "Bike" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/fitness-equipment_53876-71219.jpg", imageAlt: "Bike" }
},
{
title: "Unforgettable Landscapes", description: "From golden beach rides to rugged mountain trails, every turn reveals breathtaking coastal and desert scenery.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-river-stones-forest_158595-5793.jpg", imageAlt: "Landscape" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/man-sport-equipment-riding-motorcross-bike-mountains_93675-134823.jpg", imageAlt: "Landscape" }
}
]}
/>
</div>
@@ -162,29 +91,12 @@ export default function LandingPage() {
<MetricCardOne
textboxLayout="default"
gridVariant="uniform-all-items-equal"
animationType="slide-up"
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "500+",
title: "Happy Riders",
description: "Stories and memories created",
icon: Users,
},
{
id: "m2",
value: "120",
title: "Sunny Days",
description: "Perfect riding weather",
icon: Sun,
},
{
id: "m3",
value: "25+",
title: "Expert Routes",
description: "Customized trail designs",
icon: Map,
},
{ id: "m1", value: "500+", title: "Happy Riders", description: "Stories and memories created", icon: Users },
{ id: "m2", value: "120", title: "Sunny Days", description: "Perfect riding weather", icon: Sun },
{ id: "m3", value: "25+", title: "Expert Routes", description: "Customized trail designs", icon: Map },
]}
title="Adrenaline in Numbers"
description="Our passion for adventure translated into every journey."
@@ -198,48 +110,12 @@ export default function LandingPage() {
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{
id: "p1",
name: "Beach Sprint",
price: "$80",
imageSrc: "http://img.b2bpic.net/free-photo/solid-asian-man-white-shirt-sunglasses-posed-near-black-mafia-suv-car_627829-13665.jpg",
imageAlt: "Beach Quad",
},
{
id: "p2",
name: "Dune Explorer",
price: "$120",
imageSrc: "http://img.b2bpic.net/free-photo/man-with-motorcycle-hawaii_23-2148892234.jpg",
imageAlt: "Dune Tour",
},
{
id: "p3",
name: "Sunset Trail",
price: "$150",
imageSrc: "http://img.b2bpic.net/free-photo/car-volume-knob-multimedia-controller-auto-textured-adjustment-wheel_169016-68661.jpg",
imageAlt: "Sunset Ride",
},
{
id: "p4",
name: "Ocean Shore Ride",
price: "$90",
imageSrc: "http://img.b2bpic.net/free-photo/woman-travelling-quad-by-th-ocean_1303-10018.jpg",
imageAlt: "Ocean ride",
},
{
id: "p5",
name: "Mountain Challenge",
price: "$140",
imageSrc: "http://img.b2bpic.net/free-photo/adventure-motorcyclist-camping-wild_346278-43.jpg",
imageAlt: "Trail ride",
},
{
id: "p6",
name: "The Ultimate Sunset",
price: "$180",
imageSrc: "http://img.b2bpic.net/free-photo/half-fox-half-robot-fantasy-style_23-2151601085.jpg",
imageAlt: "Ultimate tour",
},
{ id: "p1", name: "Beach Sprint", price: "$80", imageSrc: "http://img.b2bpic.net/free-photo/solid-asian-man-white-shirt-sunglasses-posed-near-black-mafia-suv-car_627829-13665.jpg", imageAlt: "Beach Quad" },
{ id: "p2", name: "Dune Explorer", price: "$120", imageSrc: "http://img.b2bpic.net/free-photo/man-with-motorcycle-hawaii_23-2148892234.jpg", imageAlt: "Dune Tour" },
{ id: "p3", name: "Sunset Trail", price: "$150", imageSrc: "http://img.b2bpic.net/free-photo/car-volume-knob-multimedia-controller-auto-textured-adjustment-wheel_169016-68661.jpg", imageAlt: "Sunset Ride" },
{ id: "p4", name: "Ocean Shore Ride", price: "$90", imageSrc: "http://img.b2bpic.net/free-photo/woman-travelling-quad-by-th-ocean_1303-10018.jpg", imageAlt: "Ocean ride" },
{ id: "p5", name: "Mountain Challenge", price: "$140", imageSrc: "http://img.b2bpic.net/free-photo/adventure-motorcyclist-camping-wild_346278-43.jpg", imageAlt: "Trail ride" },
{ id: "p6", name: "The Ultimate Sunset", price: "$180", imageSrc: "http://img.b2bpic.net/free-photo/half-fox-half-robot-fantasy-style_23-2151601085.jpg", imageAlt: "Ultimate tour" },
]}
title="Select Your Adventure"
description="From sun-drenched beach sessions to rugged sunset explorations, discover the perfect tour package for you."
@@ -252,41 +128,11 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Sarah J.",
handle: "@traveler",
testimonial: "The best quad experience in Morocco. Unforgettable sunset views!",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-young-female-backpacker-sitting-stone_74855-23435.jpg",
},
{
id: "t2",
name: "Marc L.",
handle: "@thrillseeker",
testimonial: "High-quality quads, friendly guides, and absolutely amazing scenery.",
imageSrc: "http://img.b2bpic.net/free-photo/traveler-leaning-against-fence_23-2148228560.jpg",
},
{
id: "t3",
name: "Elena P.",
handle: "@adventurer",
testimonial: "Would do it again anytime. The beach ride was insane!",
imageSrc: "http://img.b2bpic.net/free-photo/stylish-redhead-urban-traveller-male-holds-backpack-grey-background-studio_613910-1036.jpg",
},
{
id: "t4",
name: "David K.",
handle: "@tangierfan",
testimonial: "Excellent service and great prices. Truly the highlight of my trip.",
imageSrc: "http://img.b2bpic.net/free-photo/silhouette-man-mountain_1388-169.jpg",
},
{
id: "t5",
name: "Sophie R.",
handle: "@wanderlust",
testimonial: "Pure adrenaline. An incredible way to see the Moroccan coast.",
imageSrc: "http://img.b2bpic.net/free-photo/sandy-rocks-blue-sky-tatacoa-desert-colombia_181624-12515.jpg",
},
{ id: "t1", name: "Sarah J.", handle: "@traveler", testimonial: "The best quad experience in Morocco. Unforgettable sunset views!", imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-young-female-backpacker-sitting-stone_74855-23435.jpg" },
{ id: "t2", name: "Marc L.", handle: "@thrillseeker", testimonial: "High-quality quads, friendly guides, and absolutely amazing scenery.", imageSrc: "http://img.b2bpic.net/free-photo/traveler-leaning-against-fence_23-2148228560.jpg" },
{ id: "t3", name: "Elena P.", handle: "@adventurer", testimonial: "Would do it again anytime. The beach ride was insane!", imageSrc: "http://img.b2bpic.net/free-photo/stylish-redhead-urban-traveller-male-holds-backpack-grey-background-studio_613910-1036.jpg" },
{ id: "t4", name: "David K.", handle: "@tangierfan", testimonial: "Excellent service and great prices. Truly the highlight of my trip.", imageSrc: "http://img.b2bpic.net/free-photo/silhouette-man-mountain_1388-169.jpg" },
{ id: "t5", name: "Sophie R.", handle: "@wanderlust", testimonial: "Pure adrenaline. An incredible way to see the Moroccan coast.", imageSrc: "http://img.b2bpic.net/free-photo/sandy-rocks-blue-sky-tatacoa-desert-colombia_181624-12515.jpg" },
]}
title="People Love The Ride"
description="Discover why our adventurers keep coming back to the beaches and trails of Tangier."
@@ -297,15 +143,7 @@ export default function LandingPage() {
<SocialProofOne
textboxLayout="default"
useInvertedBackground={false}
names={[
"Beach",
"Sunset",
"Trail",
"Action",
"Dune",
"Speed",
"Coast",
]}
names={["Beach", "Sunset", "Trail", "Action", "Dune", "Speed", "Coast"]}
title="Snapshots from the Field"
description="See the action, feel the thrill. Every adventure captured for eternity."
/>
@@ -315,31 +153,18 @@ export default function LandingPage() {
<TextAbout
useInvertedBackground={false}
title="More Than A Ride — A Memory You’ll Never Forget"
buttons={[
{
text: "Contact Us",
href: "#booking",
},
]}
buttons={[{ text: "Contact Us", href: "#booking" }]}
/>
</div>
<div id="booking" data-section="booking">
<ContactText
useInvertedBackground={true}
background={{
variant: "sparkles-gradient",
}}
background={{ variant: "sparkles-gradient" }}
text="Your Next Adventure Starts Here. Reach out to secure your quad bike experience in Tangier today."
buttons={[
{
text: "WhatsApp Us",
href: "https://wa.me/yournumber",
},
{
text: "Book Now",
href: "#",
},
{ text: "WhatsApp Us", href: "https://wa.me/yournumber" },
{ text: "Book Now", href: "#" },
]}
/>
</div>
@@ -347,42 +172,9 @@ export default function LandingPage() {
<div id="footer" data-section="footer">
<FooterLogoEmphasis
columns={[
{
items: [
{
label: "About",
href: "#experience",
},
{
label: "Tours",
href: "#tours",
},
],
},
{
items: [
{
label: "Book Now",
href: "#booking",
},
{
label: "WhatsApp",
href: "#",
},
],
},
{
items: [
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms of Service",
href: "#",
},
],
},
{ items: [{ label: "About", href: "#experience" }, { label: "Tours", href: "#tours" }] },
{ items: [{ label: "Book Now", href: "#booking" }, { label: "WhatsApp", href: "#" }] },
{ items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
]}
logoText="Motos & Quads Sol"
/>