Merge version_2 into main #1
280
src/app/page.tsx
280
src/app/page.tsx
@@ -32,129 +32,74 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
name: "Home", id: "home"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Jibran Khan"
|
||||
button={{
|
||||
text: "Book Session",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Book Session", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="home" data-section="home">
|
||||
<HeroBillboardTestimonial
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Jibran Khan"
|
||||
description="Travel | Education | Fitness | Storytelling. Empowering people through authentic, curated experiences and educational insights."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah L.",
|
||||
handle: "@sarahtravels",
|
||||
testimonial: "Jibran's travel content is absolutely life-changing. So inspiring!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg",
|
||||
},
|
||||
name: "Sarah L.", handle: "@sarahtravels", testimonial: "Jibran's travel content is absolutely life-changing. So inspiring!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg"},
|
||||
{
|
||||
name: "Mark D.",
|
||||
handle: "@fitmark",
|
||||
testimonial: "Best fitness advice I've received all year. Truly authentic.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/interior-designer-working-out-office_23-2150379266.jpg",
|
||||
},
|
||||
name: "Mark D.", handle: "@fitmark", testimonial: "Best fitness advice I've received all year. Truly authentic.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/interior-designer-working-out-office_23-2150379266.jpg"},
|
||||
{
|
||||
name: "Emma R.",
|
||||
handle: "@emmareads",
|
||||
testimonial: "His storytelling and educational tips are game-changers.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-training-outdoors-with-ball_23-2150765084.jpg",
|
||||
},
|
||||
name: "Emma R.", handle: "@emmareads", testimonial: "His storytelling and educational tips are game-changers.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-training-outdoors-with-ball_23-2150765084.jpg"},
|
||||
{
|
||||
name: "David W.",
|
||||
handle: "@davidw",
|
||||
testimonial: "Always looking forward to his new content releases.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/joyful-curly-afro-american-woman-influencer-laughs-happily-keeps-hand-face-has-funny-conversation-with-subscribers-poses-against-pink-backgroud_273609-52602.jpg",
|
||||
},
|
||||
name: "David W.", handle: "@davidw", testimonial: "Always looking forward to his new content releases.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/joyful-curly-afro-american-woman-influencer-laughs-happily-keeps-hand-face-has-funny-conversation-with-subscribers-poses-against-pink-backgroud_273609-52602.jpg"},
|
||||
{
|
||||
name: "Sophia G.",
|
||||
handle: "@sophiag",
|
||||
testimonial: "An incredible influencer. Highly recommend following him.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-stylish-pretty-young-woman-look-professional-cross-hands-chest-smiling-confident-camera-wear-glasses-standing-near-reception-office-hall-discuss-business_197531-22165.jpg",
|
||||
},
|
||||
name: "Sophia G.", handle: "@sophiag", testimonial: "An incredible influencer. Highly recommend following him.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-stylish-pretty-young-woman-look-professional-cross-hands-chest-smiling-confident-camera-wear-glasses-standing-near-reception-office-hall-discuss-business_197531-22165.jpg"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "View Portfolio",
|
||||
href: "#content",
|
||||
},
|
||||
text: "View Portfolio", href: "#content"},
|
||||
{
|
||||
text: "Book Appointment",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Appointment", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/designer-working-3d-model_23-2149371901.jpg"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CdKDsbTCl8VswebMLfanhi1h8u/uploaded-1776710473040-ew0tdqj4.jpg"
|
||||
imageAlt="travel influencer portrait"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/software-developer-agency-office-coding-her-computer_482257-126122.jpg",
|
||||
alt: "Software developer at agency office coding on her computer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/software-developer-agency-office-coding-her-computer_482257-126122.jpg", alt: "Software developer at agency office coding on her computer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/trans-man-work-using-his-smartphone_23-2149409848.jpg",
|
||||
alt: "Trans man at work using his smartphone",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/trans-man-work-using-his-smartphone_23-2149409848.jpg", alt: "Trans man at work using his smartphone"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-enjoys-leisure-time-spends-weekend-with-friends-strolls-city-listens-music-happy-about-successfully-passed-exam-smiles-broadly-poses-blurred_273609-54082.jpg",
|
||||
alt: "woman enjoys leisure time spends weekend with friends strolls in city listens music happy about successfully passed exam smiles broadly poses on blurred",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/woman-enjoys-leisure-time-spends-weekend-with-friends-strolls-city-listens-music-happy-about-successfully-passed-exam-smiles-broadly-poses-blurred_273609-54082.jpg", alt: "woman enjoys leisure time spends weekend with friends strolls in city listens music happy about successfully passed exam smiles broadly poses on blurred"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-happy-female-beauty-blogger-young-latin-woman-with-brown-eyes-dark-curly-hair-smiling-widely-when-vlogging-indoors-looking-straight-camera-cosmetics-beauty-make-up-blogs-concep_74855-22834.jpg",
|
||||
alt: "Close-up of happy female beauty blogger. Young Latin woman with brown eyes and dark curly hair smiling widely when vlogging indoors looking straight at camera.",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-happy-female-beauty-blogger-young-latin-woman-with-brown-eyes-dark-curly-hair-smiling-widely-when-vlogging-indoors-looking-straight-camera-cosmetics-beauty-make-up-blogs-concep_74855-22834.jpg", alt: "Close-up of happy female beauty blogger. Young Latin woman with brown eyes and dark curly hair smiling widely when vlogging indoors looking straight at camera."},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiley-woman_23-2149022640.jpg",
|
||||
alt: "Portrait of smiley woman",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiley-woman_23-2149022640.jpg", alt: "Portrait of smiley woman"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Travel",
|
||||
},
|
||||
type: "text", text: "Travel"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Education",
|
||||
},
|
||||
type: "text", text: "Education"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Fitness",
|
||||
},
|
||||
type: "text", text: "Fitness"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Storytelling",
|
||||
},
|
||||
type: "text", text: "Storytelling"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Growth",
|
||||
},
|
||||
type: "text", text: "Growth"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -164,9 +109,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="About My Journey"
|
||||
description={[
|
||||
"I'm a digital storyteller dedicated to exploring the intersection of global travel, personal development, and physical fitness.",
|
||||
"My mission is to provide educational value and inspire others to lead a more intentional, active, and meaningful life.",
|
||||
]}
|
||||
"I'm a digital storyteller dedicated to exploring the intersection of global travel, personal development, and physical fitness.", "My mission is to provide educational value and inspire others to lead a more intentional, active, and meaningful life."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -177,23 +120,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Travel Diaries",
|
||||
description: "Global adventures and local stories.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/nature-photographer-tourist-with-camera-shoots-while-standing-norway-mountain_613910-19268.jpg",
|
||||
imageAlt: "travel photography landscape",
|
||||
},
|
||||
title: "Travel Diaries", description: "Global adventures and local stories.", imageSrc: "http://img.b2bpic.net/free-photo/nature-photographer-tourist-with-camera-shoots-while-standing-norway-mountain_613910-19268.jpg", imageAlt: "travel photography landscape"},
|
||||
{
|
||||
title: "Fitness & Wellness",
|
||||
description: "Holistic approaches to physical health.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-exercising-stretching-outdoors_23-2149676929.jpg",
|
||||
imageAlt: "fitness aesthetic gym",
|
||||
},
|
||||
title: "Fitness & Wellness", description: "Holistic approaches to physical health.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-exercising-stretching-outdoors_23-2149676929.jpg", imageAlt: "fitness aesthetic gym"},
|
||||
{
|
||||
title: "Educational Insights",
|
||||
description: "Learning, growing, and mastering skills.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/notebook-with-camera-flowers-table_23-2148043858.jpg",
|
||||
imageAlt: "modern educational workspace",
|
||||
},
|
||||
title: "Educational Insights", description: "Learning, growing, and mastering skills.", imageSrc: "http://img.b2bpic.net/free-photo/notebook-with-camera-flowers-table_23-2148043858.jpg", imageAlt: "modern educational workspace"},
|
||||
]}
|
||||
title="Featured Content"
|
||||
description="Curated highlights across my niche platforms."
|
||||
@@ -207,54 +138,27 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "collab",
|
||||
badge: "Popular",
|
||||
price: "Custom",
|
||||
subtitle: "Brand Partnerships",
|
||||
features: [
|
||||
"Custom content creation",
|
||||
"Authentic storytelling",
|
||||
"Dedicated promotion",
|
||||
],
|
||||
id: "collab", badge: "Popular", price: "Custom", subtitle: "Brand Partnerships", features: [
|
||||
"Custom content creation", "Authentic storytelling", "Dedicated promotion"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Inquire Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Inquire Now", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "event",
|
||||
badge: "Event",
|
||||
price: "$150/hr",
|
||||
subtitle: "Speaking & Events",
|
||||
features: [
|
||||
"Motivational talks",
|
||||
"Workshops",
|
||||
"Guest panels",
|
||||
],
|
||||
id: "event", badge: "Event", price: "$150/hr", subtitle: "Speaking & Events", features: [
|
||||
"Motivational talks", "Workshops", "Guest panels"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Book Event",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Event", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "promo",
|
||||
badge: "Basic",
|
||||
price: "$300",
|
||||
subtitle: "Promotions",
|
||||
features: [
|
||||
"Single post feature",
|
||||
"Story mention",
|
||||
"High reach",
|
||||
],
|
||||
id: "promo", badge: "Basic", price: "$300", subtitle: "Promotions", features: [
|
||||
"Single post feature", "Story mention", "High reach"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Book Promo",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Promo", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -271,25 +175,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "50K+",
|
||||
title: "Followers",
|
||||
description: "Growing community across platforms",
|
||||
icon: Users,
|
||||
id: "1", value: "50K+", title: "Followers", description: "Growing community across platforms", icon: Users,
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "12M+",
|
||||
title: "Reach",
|
||||
description: "Annual content impressions",
|
||||
icon: Zap,
|
||||
id: "2", value: "12M+", title: "Reach", description: "Annual content impressions", icon: Zap,
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "150+",
|
||||
title: "Projects",
|
||||
description: "Brand collaborations done",
|
||||
icon: Award,
|
||||
id: "3", value: "150+", title: "Projects", description: "Brand collaborations done", icon: Award,
|
||||
},
|
||||
]}
|
||||
title="Reach & Impact"
|
||||
@@ -304,45 +196,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah L.",
|
||||
role: "Travel Blogger",
|
||||
testimonial: "Incredible professional.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/teenage-student-smiling-with-book-head_23-2148208755.jpg",
|
||||
imageAlt: "portrait happy student",
|
||||
},
|
||||
id: "1", name: "Sarah L.", role: "Travel Blogger", testimonial: "Incredible professional.", imageSrc: "http://img.b2bpic.net/free-photo/teenage-student-smiling-with-book-head_23-2148208755.jpg", imageAlt: "portrait happy student"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark D.",
|
||||
role: "Coach",
|
||||
testimonial: "His work is pristine.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/slim-girl-sportswear-sitting-stadium-seats-takes-selfie_169016-46340.jpg",
|
||||
imageAlt: "portrait creative designer",
|
||||
},
|
||||
id: "2", name: "Mark D.", role: "Coach", testimonial: "His work is pristine.", imageSrc: "http://img.b2bpic.net/free-photo/slim-girl-sportswear-sitting-stadium-seats-takes-selfie_169016-46340.jpg", imageAlt: "portrait creative designer"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emma R.",
|
||||
role: "Learner",
|
||||
testimonial: "Very clear and helpful.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stunning-curly-woman-with-bronze-skin-posing-with-peace-sign-pleased-black-girl-yellow-shirt-big-white-earphones_197531-4095.jpg",
|
||||
imageAlt: "portrait gym goer",
|
||||
},
|
||||
id: "3", name: "Emma R.", role: "Learner", testimonial: "Very clear and helpful.", imageSrc: "http://img.b2bpic.net/free-photo/stunning-curly-woman-with-bronze-skin-posing-with-peace-sign-pleased-black-girl-yellow-shirt-big-white-earphones_197531-4095.jpg", imageAlt: "portrait gym goer"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David W.",
|
||||
role: "Fan",
|
||||
testimonial: "Always authentic.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-woman-black-jacket-happy-short-haired-girl-dark-suit-widely-sincerely-smiles-isolated-background_197531-18508.jpg",
|
||||
imageAlt: "portrait blogger student",
|
||||
},
|
||||
id: "4", name: "David W.", role: "Fan", testimonial: "Always authentic.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-woman-black-jacket-happy-short-haired-girl-dark-suit-widely-sincerely-smiles-isolated-background_197531-18508.jpg", imageAlt: "portrait blogger student"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Sophia G.",
|
||||
role: "Partner",
|
||||
testimonial: "A joy to work with.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/indoor-portrait-gorgeous-young-caucasian-female-student-with-perfect-healthy-skin_273609-9035.jpg",
|
||||
imageAlt: "portrait young professional",
|
||||
},
|
||||
id: "5", name: "Sophia G.", role: "Partner", testimonial: "A joy to work with.", imageSrc: "http://img.b2bpic.net/free-photo/indoor-portrait-gorgeous-young-caucasian-female-student-with-perfect-healthy-skin_273609-9035.jpg", imageAlt: "portrait young professional"},
|
||||
]}
|
||||
title="Community Love"
|
||||
description="Feedback from those I've collaborated with."
|
||||
@@ -353,8 +215,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "rotated-rays-animated-grid",
|
||||
}}
|
||||
variant: "rotated-rays-animated-grid"}}
|
||||
title="Work With Me"
|
||||
description="Interested in a partnership or booking a 1-on-1? Send a message."
|
||||
tag="Let's Connect"
|
||||
@@ -366,46 +227,29 @@ export default function LandingPage() {
|
||||
logoText="Jibran Khan"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
title: "Navigation", items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#home",
|
||||
},
|
||||
label: "Home", href: "#home"},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
title: "Connect", items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "https://instagram.com/jibrankh.n",
|
||||
},
|
||||
label: "Instagram", href: "https://instagram.com/jibrankh.n"},
|
||||
{
|
||||
label: "WhatsApp",
|
||||
href: "#",
|
||||
},
|
||||
label: "WhatsApp", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -414,4 +258,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user