Merge version_1 into main #2
253
src/app/page.tsx
253
src/app/page.tsx
@@ -32,74 +32,44 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Vlogs",
|
||||
id: "video-highlights",
|
||||
},
|
||||
name: "Vlogs", id: "video-highlights"},
|
||||
{
|
||||
name: "Photography",
|
||||
id: "photography-gallery",
|
||||
},
|
||||
name: "Photography", id: "photography-gallery"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Souki Verce"
|
||||
button={{ text: "Get Started" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Ride. Capture. Live."
|
||||
description="Join Souki Verce on two wheels. Exploring the world, capturing the moment, and chasing the horizon."
|
||||
buttons={[
|
||||
{
|
||||
text: "Subscribe",
|
||||
href: "#",
|
||||
},
|
||||
text: "Subscribe", href: "#"},
|
||||
{
|
||||
text: "Follow on IG",
|
||||
href: "#",
|
||||
},
|
||||
text: "Follow on IG", href: "#"},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/long-shot-man-riding-motorbike_23-2150810244.jpg?_wi=1",
|
||||
imageAlt: "Mountain road",
|
||||
},
|
||||
id: "1", imageSrc: "http://img.b2bpic.net/free-photo/long-shot-man-riding-motorbike_23-2150810244.jpg", imageAlt: "Mountain road"},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/motor-enduro-motorcycle_627829-11598.jpg?_wi=1",
|
||||
imageAlt: "Engine detail",
|
||||
},
|
||||
id: "2", imageSrc: "http://img.b2bpic.net/free-photo/motor-enduro-motorcycle_627829-11598.jpg", imageAlt: "Engine detail"},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/enduro-racer-sitting-his-motorcycle_627829-11606.jpg?_wi=1",
|
||||
imageAlt: "Creator and bike",
|
||||
},
|
||||
id: "3", imageSrc: "http://img.b2bpic.net/free-photo/enduro-racer-sitting-his-motorcycle_627829-11606.jpg", imageAlt: "Creator and bike"},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-travelling-sustainable-way_23-2151334318.jpg",
|
||||
imageAlt: "Forest road",
|
||||
},
|
||||
id: "4", imageSrc: "http://img.b2bpic.net/free-photo/people-travelling-sustainable-way_23-2151334318.jpg", imageAlt: "Forest road"},
|
||||
{
|
||||
id: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brutal-bearded-biker-black-leather-jacket-sensual-brunette-girl-sitting-together-custom-made-retro-motorcycle-footway-bridge_613910-5756.jpg",
|
||||
imageAlt: "City night ride",
|
||||
},
|
||||
id: "5", imageSrc: "http://img.b2bpic.net/free-photo/brutal-bearded-biker-black-leather-jacket-sensual-brunette-girl-sitting-together-custom-made-retro-motorcycle-footway-bridge_613910-5756.jpg", imageAlt: "City night ride"},
|
||||
{
|
||||
id: "6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/moto-rider-making-stunt-his-motorbike-biker-doing-difficult-dangerous-stunt_654080-1002.jpg",
|
||||
imageAlt: "Action track",
|
||||
},
|
||||
id: "6", imageSrc: "http://img.b2bpic.net/free-photo/moto-rider-making-stunt-his-motorbike-biker-doing-difficult-dangerous-stunt_654080-1002.jpg", imageAlt: "Action track"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -118,40 +88,22 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Alpine Pass Adventure",
|
||||
description: "Conquering the highest roads in Europe.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/model-wearing-motorcycle-helmet-portrait_23-2151585545.jpg",
|
||||
},
|
||||
title: "Alpine Pass Adventure", description: "Conquering the highest roads in Europe.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/model-wearing-motorcycle-helmet-portrait_23-2151585545.jpg"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-motorcycle-hawaii_23-2148892233.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/long-shot-man-riding-motorbike_23-2150810244.jpg?_wi=2",
|
||||
imageAlt: "helmet visor rider close up",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-motorcycle-hawaii_23-2148892233.jpg"}
|
||||
},
|
||||
{
|
||||
title: "Desert Sunset Ride",
|
||||
description: "Chasing the golden hour in the dunes.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/monochromatic-black-white-scene-with-summertime-activity-fun_23-2151244323.jpg",
|
||||
},
|
||||
title: "Desert Sunset Ride", description: "Chasing the golden hour in the dunes.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/monochromatic-black-white-scene-with-summertime-activity-fun_23-2151244323.jpg"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-preparing-ride-motorcycle-city_23-2148952720.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/motor-enduro-motorcycle_627829-11598.jpg?_wi=2",
|
||||
imageAlt: "helmet visor rider close up",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-preparing-ride-motorcycle-city_23-2148952720.jpg"}
|
||||
},
|
||||
{
|
||||
title: "Urban Exploration",
|
||||
description: "The city at night with the squad.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-motorcycle-hawaii_23-2148892230.jpg",
|
||||
},
|
||||
title: "Urban Exploration", description: "The city at night with the squad.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-motorcycle-hawaii_23-2148892230.jpg"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-cafe-racer-style-motorbike_23-2148189625.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/enduro-racer-sitting-his-motorcycle_627829-11606.jpg?_wi=2",
|
||||
imageAlt: "helmet visor rider close up",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-cafe-racer-style-motorbike_23-2148189625.jpg"}
|
||||
},
|
||||
]}
|
||||
showStepNumbers={false}
|
||||
@@ -168,47 +120,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Alpine Peaks",
|
||||
price: "Print",
|
||||
variant: "Limited",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dolomite-alps-italy_1268-20754.jpg",
|
||||
},
|
||||
id: "p1", name: "Alpine Peaks", price: "Print", variant: "Limited", imageSrc: "http://img.b2bpic.net/free-photo/dolomite-alps-italy_1268-20754.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Travel Setup",
|
||||
price: "Behind the scenes",
|
||||
variant: "Still",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/travel-suitcase-preparations-packing_23-2149070294.jpg",
|
||||
},
|
||||
id: "p2", name: "Travel Setup", price: "Behind the scenes", variant: "Still", imageSrc: "http://img.b2bpic.net/free-photo/travel-suitcase-preparations-packing_23-2149070294.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Forest Light",
|
||||
price: "Print",
|
||||
variant: "Limited",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-wild-brown-coated-deer-green-hill-forest_181624-4492.jpg",
|
||||
},
|
||||
id: "p3", name: "Forest Light", price: "Print", variant: "Limited", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-wild-brown-coated-deer-green-hill-forest_181624-4492.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Urban Pulse",
|
||||
price: "Print",
|
||||
variant: "Limited",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-kid-male-walking-pathway-middle-grassy-fields_181624-2296.jpg",
|
||||
},
|
||||
id: "p4", name: "Urban Pulse", price: "Print", variant: "Limited", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-kid-male-walking-pathway-middle-grassy-fields_181624-2296.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Roadside Pause",
|
||||
price: "Print",
|
||||
variant: "Limited",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/faceless-biker-stony-countryside_23-2147770971.jpg",
|
||||
},
|
||||
id: "p5", name: "Roadside Pause", price: "Print", variant: "Limited", imageSrc: "http://img.b2bpic.net/free-photo/faceless-biker-stony-countryside_23-2147770971.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Coastal Glow",
|
||||
price: "Print",
|
||||
variant: "Limited",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cloud-forest-landscape_23-2151794787.jpg",
|
||||
},
|
||||
id: "p6", name: "Coastal Glow", price: "Print", variant: "Limited", imageSrc: "http://img.b2bpic.net/free-photo/cloud-forest-landscape_23-2151794787.jpg"},
|
||||
]}
|
||||
title="Through My Lens"
|
||||
description="Curated lifestyle and adventure photography."
|
||||
@@ -220,14 +142,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Rev'it",
|
||||
"Alpinestars",
|
||||
"GoPro",
|
||||
"Cardo",
|
||||
"Yamaha",
|
||||
"Michelin",
|
||||
"Quadlock",
|
||||
]}
|
||||
"Rev'it", "Alpinestars", "GoPro", "Cardo", "Yamaha", "Michelin", "Quadlock"]}
|
||||
title="Collaborations"
|
||||
description="Proudly working with top-tier brands in the industry."
|
||||
/>
|
||||
@@ -240,52 +155,22 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "1",
|
||||
tag: "Basic",
|
||||
price: "Social",
|
||||
period: "/post",
|
||||
description: "Instagram/Social Shoutouts",
|
||||
button: {
|
||||
text: "Contact",
|
||||
},
|
||||
featuresTitle: "Includes:",
|
||||
features: [
|
||||
"1 IG Post",
|
||||
"Stories coverage",
|
||||
"Tagging",
|
||||
],
|
||||
id: "1", tag: "Basic", price: "Social", period: "/post", description: "Instagram/Social Shoutouts", button: {
|
||||
text: "Contact"},
|
||||
featuresTitle: "Includes:", features: [
|
||||
"1 IG Post", "Stories coverage", "Tagging"],
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
tag: "Pro",
|
||||
price: "Vlog",
|
||||
period: "/video",
|
||||
description: "YouTube Integration",
|
||||
button: {
|
||||
text: "Contact",
|
||||
},
|
||||
featuresTitle: "Includes:",
|
||||
features: [
|
||||
"Dedicated section",
|
||||
"Link in desc",
|
||||
"Social sharing",
|
||||
],
|
||||
id: "2", tag: "Pro", price: "Vlog", period: "/video", description: "YouTube Integration", button: {
|
||||
text: "Contact"},
|
||||
featuresTitle: "Includes:", features: [
|
||||
"Dedicated section", "Link in desc", "Social sharing"],
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
tag: "Gold",
|
||||
price: "Series",
|
||||
period: "/campaign",
|
||||
description: "Full Campaign Partnership",
|
||||
button: {
|
||||
text: "Contact",
|
||||
},
|
||||
featuresTitle: "Includes:",
|
||||
features: [
|
||||
"Multiple videos",
|
||||
"Custom content",
|
||||
"Usage rights",
|
||||
],
|
||||
id: "3", tag: "Gold", price: "Series", period: "/campaign", description: "Full Campaign Partnership", button: {
|
||||
text: "Contact"},
|
||||
featuresTitle: "Includes:", features: [
|
||||
"Multiple videos", "Custom content", "Usage rights"],
|
||||
},
|
||||
]}
|
||||
title="Brand Deals"
|
||||
@@ -298,20 +183,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "What bike do you ride?",
|
||||
content: "I currently ride a Yamaha MT-07 for city and an adventure spec model for long hauls.",
|
||||
},
|
||||
id: "1", title: "What bike do you ride?", content: "I currently ride a Yamaha MT-07 for city and an adventure spec model for long hauls."},
|
||||
{
|
||||
id: "2",
|
||||
title: "How can I collaborate?",
|
||||
content: "Drop me an email at contact@soukiverce.com for any brand queries.",
|
||||
},
|
||||
id: "2", title: "How can I collaborate?", content: "Drop me an email at contact@soukiverce.com for any brand queries."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Do you offer prints?",
|
||||
content: "Yes, high-quality prints are available via my photography section link.",
|
||||
},
|
||||
id: "3", title: "Do you offer prints?", content: "Yes, high-quality prints are available via my photography section link."},
|
||||
]}
|
||||
sideTitle="Questions"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -322,14 +198,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
text="Ready to ride? Let's connect."
|
||||
buttons={[
|
||||
{
|
||||
text: "Email Me",
|
||||
href: "mailto:contact@soukiverce.com",
|
||||
},
|
||||
text: "Email Me", href: "mailto:contact@soukiverce.com"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -340,45 +213,29 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Vlogs",
|
||||
href: "#video-highlights",
|
||||
},
|
||||
label: "Vlogs", href: "#video-highlights"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
label: "Instagram", href: "#"},
|
||||
{
|
||||
label: "YouTube",
|
||||
href: "#",
|
||||
},
|
||||
label: "YouTube", href: "#"},
|
||||
{
|
||||
label: "Twitter",
|
||||
href: "#",
|
||||
},
|
||||
label: "Twitter", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user