Merge version_2 into main #1
274
src/app/page.tsx
274
src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Highlights",
|
||||
id: "features",
|
||||
},
|
||||
name: "Highlights", id: "features"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Creator"
|
||||
/>
|
||||
@@ -56,20 +48,15 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Building Digital Experiences"
|
||||
description="I'm a content creator focused on high-end tech, design, and lifestyle. Join my journey across the digital frontier."
|
||||
tag="Creator & Influencer"
|
||||
buttons={[
|
||||
{
|
||||
text: "Follow on Instagram",
|
||||
href: "#",
|
||||
},
|
||||
text: "Follow on Instagram", href: "#"},
|
||||
{
|
||||
text: "Get In Touch",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get In Touch", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-gothic-woman-with-eye-bondage_23-2147695044.jpg"
|
||||
imageAlt="digital creator portrait professional studio"
|
||||
@@ -77,48 +64,28 @@ export default function LandingPage() {
|
||||
tagIcon={Sparkles}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-boy-posing-studio_23-2149596296.jpg",
|
||||
alt: "Front view boy posing in studio",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-boy-posing-studio_23-2149596296.jpg", alt: "Front view boy posing in studio"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-girl-eye-bondage_23-2147695045.jpg",
|
||||
alt: "Portrait of girl in eye bondage",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-girl-eye-bondage_23-2147695045.jpg", alt: "Portrait of girl in eye bondage"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-young-woman-shooting-with-projector_23-2149424924.jpg",
|
||||
alt: "Front view young woman shooting with projector",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-young-woman-shooting-with-projector_23-2149424924.jpg", alt: "Front view young woman shooting with projector"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-boy-posing-studio_23-2149596268.jpg",
|
||||
alt: "Medium shot boy posing in studio",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-boy-posing-studio_23-2149596268.jpg", alt: "Medium shot boy posing in studio"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-posing-with-yellow-jacket-brush-stroke_23-2149020782.jpg",
|
||||
alt: "Portrait of beautiful woman posing with a yellow jacket and brush stroke",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-posing-with-yellow-jacket-brush-stroke_23-2149020782.jpg", alt: "Portrait of beautiful woman posing with a yellow jacket and brush stroke"},
|
||||
]}
|
||||
avatarText="Join 100k+ creators"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Tech",
|
||||
},
|
||||
type: "text", text: "Tech"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Design",
|
||||
},
|
||||
type: "text", text: "Design"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Lifestyle",
|
||||
},
|
||||
type: "text", text: "Lifestyle"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Community",
|
||||
},
|
||||
type: "text", text: "Community"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Growth",
|
||||
},
|
||||
type: "text", text: "Growth"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -128,9 +95,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="The Creative Journey"
|
||||
description={[
|
||||
"My journey began with a single post, and now I'm building a community centered around design, technology, and aesthetic excellence.",
|
||||
"I specialize in crafting digital content that merges luxury design with modern tech trends.",
|
||||
]}
|
||||
"My journey began with a single post, and now I'm building a community centered around design, technology, and aesthetic excellence.", "I specialize in crafting digital content that merges luxury design with modern tech trends."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -141,32 +106,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Community Growth",
|
||||
descriptions: [
|
||||
"Expanding reach and building organic loyalty.",
|
||||
"Data-driven audience engagement strategies.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-view-puzzle-pieces_23-2150499258.jpg",
|
||||
},
|
||||
id: "f1", title: "Community Growth", descriptions: [
|
||||
"Expanding reach and building organic loyalty.", "Data-driven audience engagement strategies."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-view-puzzle-pieces_23-2150499258.jpg"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Content Design",
|
||||
descriptions: [
|
||||
"High-quality visuals for modern brands.",
|
||||
"Merging tech aesthetic with storytelling.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ideas-strategy-action-design-vision-plan-concept_53876-121098.jpg",
|
||||
},
|
||||
id: "f2", title: "Content Design", descriptions: [
|
||||
"High-quality visuals for modern brands.", "Merging tech aesthetic with storytelling."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ideas-strategy-action-design-vision-plan-concept_53876-121098.jpg"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Collaborations",
|
||||
descriptions: [
|
||||
"Partnering with brands that define innovation.",
|
||||
"Results-oriented partnership models.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/network-graphic-overlay-banner-background_53876-165250.jpg",
|
||||
},
|
||||
id: "f3", title: "Collaborations", descriptions: [
|
||||
"Partnering with brands that define innovation.", "Results-oriented partnership models."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/network-graphic-overlay-banner-background_53876-165250.jpg"},
|
||||
]}
|
||||
title="What I Focus On"
|
||||
description="Dedicated pillars of my creative process that drive high-engagement results for every brand partnership."
|
||||
@@ -181,62 +131,26 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Studio",
|
||||
name: "Creators Guide",
|
||||
price: "$49",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/monochrome-beauty-product-skincare_23-2151307239.jpg",
|
||||
},
|
||||
id: "p1", brand: "Studio", name: "Creators Guide", price: "$49", rating: 5,
|
||||
reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/monochrome-beauty-product-skincare_23-2151307239.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Studio",
|
||||
name: "Presets Bundle",
|
||||
price: "$29",
|
||||
rating: 5,
|
||||
reviewCount: "89",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blank-stationery-set-corporate-identity-template_93675-130790.jpg",
|
||||
},
|
||||
id: "p2", brand: "Studio", name: "Presets Bundle", price: "$29", rating: 5,
|
||||
reviewCount: "89", imageSrc: "http://img.b2bpic.net/free-photo/blank-stationery-set-corporate-identity-template_93675-130790.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Studio",
|
||||
name: "Limited Merch Tee",
|
||||
price: "$55",
|
||||
rating: 4,
|
||||
reviewCount: "205",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-books-versus-technology_23-2150062944.jpg",
|
||||
},
|
||||
id: "p3", brand: "Studio", name: "Limited Merch Tee", price: "$55", rating: 4,
|
||||
reviewCount: "205", imageSrc: "http://img.b2bpic.net/free-photo/still-life-books-versus-technology_23-2150062944.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Studio",
|
||||
name: "Design Toolkit",
|
||||
price: "$79",
|
||||
rating: 5,
|
||||
reviewCount: "340",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/autumn-still-life-assortment_23-2149080531.jpg",
|
||||
},
|
||||
id: "p4", brand: "Studio", name: "Design Toolkit", price: "$79", rating: 5,
|
||||
reviewCount: "340", imageSrc: "http://img.b2bpic.net/free-photo/autumn-still-life-assortment_23-2149080531.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Studio",
|
||||
name: "Creator Masterclass",
|
||||
price: "$199",
|
||||
rating: 5,
|
||||
reviewCount: "56",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/composition-objects-fathers-day_23-2148098292.jpg",
|
||||
},
|
||||
id: "p5", brand: "Studio", name: "Creator Masterclass", price: "$199", rating: 5,
|
||||
reviewCount: "56", imageSrc: "http://img.b2bpic.net/free-photo/composition-objects-fathers-day_23-2148098292.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Studio",
|
||||
name: "Digital Wallpapers",
|
||||
price: "$15",
|
||||
rating: 4,
|
||||
reviewCount: "410",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-gen-z-girl-excited-film-unboxing-video_482257-92878.jpg",
|
||||
},
|
||||
id: "p6", brand: "Studio", name: "Digital Wallpapers", price: "$15", rating: 4,
|
||||
reviewCount: "410", imageSrc: "http://img.b2bpic.net/free-photo/happy-gen-z-girl-excited-film-unboxing-video_482257-92878.jpg"},
|
||||
]}
|
||||
title="Exclusive Drops"
|
||||
description="Limited edition items and exclusive digital content available for my community."
|
||||
description="Unlock exclusive digital assets and tools to elevate your creative workflow today."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -247,26 +161,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "120K+",
|
||||
title: "Followers",
|
||||
description: "Global reach across platforms.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/conceptual-3d-illustration-basketball-player-dunking-motion-design_183364-124102.jpg",
|
||||
},
|
||||
id: "m1", value: "120K+", title: "Followers", description: "Global reach across platforms.", imageSrc: "http://img.b2bpic.net/free-photo/conceptual-3d-illustration-basketball-player-dunking-motion-design_183364-124102.jpg"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "2.5M+",
|
||||
title: "Total Views",
|
||||
description: "Consistent high-traffic content.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/progress-research-analysis-strategy-diagram_53876-125194.jpg",
|
||||
},
|
||||
id: "m2", value: "2.5M+", title: "Total Views", description: "Consistent high-traffic content.", imageSrc: "http://img.b2bpic.net/free-photo/progress-research-analysis-strategy-diagram_53876-125194.jpg"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "8.4%",
|
||||
title: "Engagement Rate",
|
||||
description: "Highly active, loyal community.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-futuristic-screen_23-2149126945.jpg",
|
||||
},
|
||||
id: "m3", value: "8.4%", title: "Engagement Rate", description: "Highly active, loyal community.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-futuristic-screen_23-2149126945.jpg"},
|
||||
]}
|
||||
title="By The Numbers"
|
||||
description="Tracking growth and engagement to ensure the best possible results for my audience and partners."
|
||||
@@ -280,40 +179,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alex Smith",
|
||||
handle: "@alexcreative",
|
||||
testimonial: "The design content is genuinely inspiring, absolutely next level.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-transgender-amusement-park_23-2149105413.jpg",
|
||||
},
|
||||
id: "t1", name: "Alex Smith", handle: "@alexcreative", testimonial: "The design content is genuinely inspiring, absolutely next level.", imageSrc: "http://img.b2bpic.net/free-photo/smiley-transgender-amusement-park_23-2149105413.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Jordan Lee",
|
||||
handle: "@jordantech",
|
||||
testimonial: "Best tech insights I've found on Instagram this year, hands down.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-african-rastafarian-male-wearing-blue-shirt-beanie-studio-portrait-blue-background_613910-11516.jpg",
|
||||
},
|
||||
id: "t2", name: "Jordan Lee", handle: "@jordantech", testimonial: "Best tech insights I've found on Instagram this year, hands down.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-african-rastafarian-male-wearing-blue-shirt-beanie-studio-portrait-blue-background_613910-11516.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Casey Rivera",
|
||||
handle: "@caseyfashion",
|
||||
testimonial: "Everything shared is aesthetically curated and highly informative.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-portrait-pop-up-illustration_23-2151927575.jpg",
|
||||
},
|
||||
id: "t3", name: "Casey Rivera", handle: "@caseyfashion", testimonial: "Everything shared is aesthetically curated and highly informative.", imageSrc: "http://img.b2bpic.net/free-photo/woman-portrait-pop-up-illustration_23-2151927575.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Sam Taylor",
|
||||
handle: "@sammkting",
|
||||
testimonial: "Truly elevated my own creative process. Highly recommended.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-beauty-vlogger-filming-vlog-about-creams_1303-18351.jpg",
|
||||
},
|
||||
id: "t4", name: "Sam Taylor", handle: "@sammkting", testimonial: "Truly elevated my own creative process. Highly recommended.", imageSrc: "http://img.b2bpic.net/free-photo/woman-beauty-vlogger-filming-vlog-about-creams_1303-18351.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Morgan Ellis",
|
||||
handle: "@morganstudio",
|
||||
testimonial: "Refreshing perspective on digital design and content.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-artist-outdoors_23-2148014115.jpg",
|
||||
},
|
||||
id: "t5", name: "Morgan Ellis", handle: "@morganstudio", testimonial: "Refreshing perspective on digital design and content.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-artist-outdoors_23-2148014115.jpg"},
|
||||
]}
|
||||
title="Community Love"
|
||||
description="Feedback from people who have been part of this journey from the start."
|
||||
@@ -326,20 +200,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How can I collaborate?",
|
||||
content: "Reach out via the contact form with your brand vision and budget.",
|
||||
},
|
||||
id: "q1", title: "How can I collaborate?", content: "Reach out via the contact form with your brand vision and budget."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "What tools do you use?",
|
||||
content: "I use a suite of industry-standard professional creative tools.",
|
||||
},
|
||||
id: "q2", title: "What tools do you use?", content: "I use a suite of industry-standard professional creative tools."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Do you offer consultations?",
|
||||
content: "Yes, I offer limited consulting slots for brand strategy.",
|
||||
},
|
||||
id: "q3", title: "Do you offer consultations?", content: "Yes, I offer limited consulting slots for brand strategy."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/modern-geometrical-background-with-copy-space_23-2148811526.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -353,8 +218,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Contact"
|
||||
title="Let's Connect"
|
||||
description="Have an exciting project in mind? Let's discuss how we can work together to create something incredible."
|
||||
@@ -369,45 +233,29 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
label: "Home", href: "#hero"},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Highlights",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Highlights", href: "#features"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Twitter",
|
||||
href: "#",
|
||||
},
|
||||
label: "Twitter", href: "#"},
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
label: "Instagram", href: "#"},
|
||||
{
|
||||
label: "LinkedIn",
|
||||
href: "#",
|
||||
},
|
||||
label: "LinkedIn", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -417,4 +265,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user