Merge version_1 into main #1

Merged
bender merged 1 commits from version_1 into main 2026-05-13 12:49:09 +00:00

View File

@@ -32,21 +32,13 @@ export default function LandingPage() {
<NavbarStyleCentered <NavbarStyleCentered
navItems={[ navItems={[
{ {
name: "About", name: "About", id: "about"},
id: "about",
},
{ {
name: "Projects", name: "Projects", id: "projects"},
id: "projects",
},
{ {
name: "Services", name: "Services", id: "services"},
id: "services",
},
{ {
name: "Contact", name: "Contact", id: "contact"},
id: "contact",
},
]} ]}
brandName="Kavish" brandName="Kavish"
/> />
@@ -55,59 +47,36 @@ export default function LandingPage() {
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroCentered <HeroCentered
background={{ background={{
variant: "sparkles-gradient", variant: "sparkles-gradient"}}
}}
title="Kavish" title="Kavish"
description="Building Futuristic AI-Powered Web Experiences. Freelance Web Developer specializing in modern 3D websites, AI interfaces, and high-converting landing pages." description="Building Futuristic AI-Powered Web Experiences. Freelance Web Developer specializing in modern 3D websites, AI interfaces, and high-converting landing pages."
avatars={[ avatars={[
{ {
src: "http://img.b2bpic.net/free-photo/authentic-small-youthful-marketing-agency_23-2150167349.jpg", src: "http://img.b2bpic.net/free-photo/authentic-small-youthful-marketing-agency_23-2150167349.jpg", alt: "Kavish"},
alt: "Kavish",
},
{ {
src: "http://img.b2bpic.net/free-photo/portrait-handsome-young-man-with-arms-crossed-holding-white-headphone-around-his-neck_23-2148096439.jpg", src: "http://img.b2bpic.net/free-photo/portrait-handsome-young-man-with-arms-crossed-holding-white-headphone-around-his-neck_23-2148096439.jpg", alt: "Team member 1"},
alt: "Team member 1",
},
{ {
src: "http://img.b2bpic.net/free-photo/front-view-businessman-with-crossed-arms_23-2148242733.jpg", src: "http://img.b2bpic.net/free-photo/front-view-businessman-with-crossed-arms_23-2148242733.jpg", alt: "Team member 2"},
alt: "Team member 2",
},
{ {
src: "http://img.b2bpic.net/free-photo/studio-portrait-serious-plump-male-eyeglasses-grey-background_613910-13831.jpg", src: "http://img.b2bpic.net/free-photo/studio-portrait-serious-plump-male-eyeglasses-grey-background_613910-13831.jpg", alt: "Team member 3"},
alt: "Team member 3",
},
{ {
src: "http://img.b2bpic.net/free-photo/portrait-young-business-man-posing-with-crossed-arms_23-2149206526.jpg", src: "http://img.b2bpic.net/free-photo/portrait-young-business-man-posing-with-crossed-arms_23-2149206526.jpg", alt: "Team member 4"},
alt: "Team member 4",
},
]} ]}
buttons={[ buttons={[
{ {
text: "View Projects", text: "View Projects", href: "#projects"},
href: "#projects",
},
]} ]}
marqueeItems={[ marqueeItems={[
{ {
type: "text", type: "text", text: "AI Development"},
text: "AI Development",
},
{ {
type: "text", type: "text", text: "3D Web Design"},
text: "3D Web Design",
},
{ {
type: "text", type: "text", text: "High Performance"},
text: "High Performance",
},
{ {
type: "text", type: "text", text: "Interactive UI"},
text: "Interactive UI",
},
{ {
type: "text", type: "text", text: "Scalable SaaS"},
text: "Scalable SaaS",
},
]} ]}
/> />
</div> </div>
@@ -119,13 +88,9 @@ export default function LandingPage() {
description="I merge cutting-edge AI technology with immersive 3D web design to create digital experiences that feel alive." description="I merge cutting-edge AI technology with immersive 3D web design to create digital experiences that feel alive."
metrics={[ metrics={[
{ {
value: "50+", value: "50+", title: "Projects Shipped"},
title: "Projects Shipped",
},
{ {
value: "100%", value: "100%", title: "Client Satisfaction"},
title: "Client Satisfaction",
},
]} ]}
imageSrc="http://img.b2bpic.net/free-photo/close-up-smiley-man-library_23-2149204750.jpg" imageSrc="http://img.b2bpic.net/free-photo/close-up-smiley-man-library_23-2149204750.jpg"
mediaAnimation="slide-up" mediaAnimation="slide-up"
@@ -141,18 +106,11 @@ export default function LandingPage() {
useInvertedBackground={true} useInvertedBackground={true}
negativeCard={{ negativeCard={{
items: [ items: [
"GSAP", "GSAP", "Framer Motion", "AI Integration"],
"Framer Motion",
"AI Integration",
],
}} }}
positiveCard={{ positiveCard={{
items: [ items: [
"React", "React", "Next.js", "Three.js", "Tailwind"],
"Next.js",
"Three.js",
"Tailwind",
],
}} }}
title="My Tech Stack" title="My Tech Stack"
description="Powering futuristic interfaces with industry-leading tools." description="Powering futuristic interfaces with industry-leading tools."
@@ -167,53 +125,23 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
products={[ products={[
{ {
id: "1", id: "1", brand: "AI Lab", name: "Neural UI", price: "Interactive", rating: 5,
brand: "AI Lab", reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/asian-woman-showing-blank-screen-tablet-innovative-future-technology_53876-97070.jpg"},
name: "Neural UI",
price: "Interactive",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/asian-woman-showing-blank-screen-tablet-innovative-future-technology_53876-97070.jpg",
},
{ {
id: "2", id: "2", brand: "SaaS", name: "Flow Portal", price: "Enterprise", rating: 5,
brand: "SaaS", reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169856.jpg"},
name: "Flow Portal",
price: "Enterprise",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169856.jpg",
},
{ {
id: "3", id: "3", brand: "Creative", name: "Nebula Page", price: "Immersive", rating: 5,
brand: "Creative", reviewCount: "92", imageSrc: "http://img.b2bpic.net/free-photo/programmer-developing-software-large-computer-screen_53876-101149.jpg"},
name: "Nebula Page",
price: "Immersive",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/programmer-developing-software-large-computer-screen_53876-101149.jpg",
},
{ {
id: "4", id: "4", brand: "AI Tools", name: "GenArt Canvas", price: "Innovative", rating: 5,
brand: "AI Tools", reviewCount: "110", imageSrc: "http://img.b2bpic.net/free-photo/professional-person-engaging-with-ai-chatbot-computer-screen_482257-126263.jpg"},
name: "GenArt Canvas",
price: "Innovative",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/professional-person-engaging-with-ai-chatbot-computer-screen_482257-126263.jpg",
},
{ {
id: "5", id: "5", brand: "Agency", name: "Vivid Portfolio", price: "High-End", rating: 5,
brand: "Agency", reviewCount: "75", imageSrc: "http://img.b2bpic.net/free-photo/female-web-designer-office-with-notebook_23-2149749858.jpg"},
name: "Vivid Portfolio",
price: "High-End",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/female-web-designer-office-with-notebook_23-2149749858.jpg",
},
{ {
id: "6", id: "6", brand: "Startup", name: "Cloud Dashboard", price: "Scalable", rating: 5,
brand: "Startup", reviewCount: "200", imageSrc: "http://img.b2bpic.net/free-photo/photo-metal-texture-pattern_58702-13556.jpg"},
name: "Cloud Dashboard",
price: "Scalable",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/photo-metal-texture-pattern_58702-13556.jpg",
},
]} ]}
title="Featured Projects" title="Featured Projects"
description="A showcase of high-converting, immersive digital experiences." description="A showcase of high-converting, immersive digital experiences."
@@ -227,55 +155,28 @@ export default function LandingPage() {
useInvertedBackground={true} useInvertedBackground={true}
plans={[ plans={[
{ {
id: "s1", id: "s1", badge: "Core", price: "3D Portfolio", subtitle: "Interactive, immersive sites.", buttons: [
badge: "Core",
price: "3D Portfolio",
subtitle: "Interactive, immersive sites.",
buttons: [
{ {
text: "Get Started", text: "Get Started", href: "#contact"},
href: "#contact",
},
], ],
features: [ features: [
"Custom Three.js", "Custom Three.js", "Cinematic Motion", "Mobile Optimized"],
"Cinematic Motion",
"Mobile Optimized",
],
}, },
{ {
id: "s2", id: "s2", badge: "AI", price: "AI Startup", subtitle: "Next-gen intelligent interfaces.", buttons: [
badge: "AI",
price: "AI Startup",
subtitle: "Next-gen intelligent interfaces.",
buttons: [
{ {
text: "Get Started", text: "Get Started", href: "#contact"},
href: "#contact",
},
], ],
features: [ features: [
"AI Engine Integration", "AI Engine Integration", "Responsive Design", "Fast Performance"],
"Responsive Design",
"Fast Performance",
],
}, },
{ {
id: "s3", id: "s3", badge: "Growth", price: "Landings", subtitle: "High-converting experiences.", buttons: [
badge: "Growth",
price: "Landings",
subtitle: "High-converting experiences.",
buttons: [
{ {
text: "Get Started", text: "Get Started", href: "#contact"},
href: "#contact",
},
], ],
features: [ features: [
"SEO Optimization", "SEO Optimization", "Conversion Focus", "Animation Logic"],
"Conversion Focus",
"Animation Logic",
],
}, },
]} ]}
title="Services" title="Services"
@@ -290,20 +191,11 @@ export default function LandingPage() {
tag="Reliability" tag="Reliability"
metrics={[ metrics={[
{ {
id: "m1", id: "m1", value: "10x", description: "Faster load times"},
value: "10x",
description: "Faster load times",
},
{ {
id: "m2", id: "m2", value: "95%", description: "Retention rates"},
value: "95%",
description: "Retention rates",
},
{ {
id: "m3", id: "m3", value: "0ms", description: "Frame latency"},
value: "0ms",
description: "Frame latency",
},
]} ]}
metricsAnimation="blur-reveal" metricsAnimation="blur-reveal"
/> />
@@ -317,45 +209,20 @@ export default function LandingPage() {
useInvertedBackground={true} useInvertedBackground={true}
testimonials={[ testimonials={[
{ {
id: "t1", id: "t1", name: "Alex R.", role: "CEO", company: "TechStream", rating: 5,
name: "Alex R.", imageSrc: "http://img.b2bpic.net/free-photo/young-man-model-posing-street_1303-14485.jpg"},
role: "CEO",
company: "TechStream",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-man-model-posing-street_1303-14485.jpg",
},
{ {
id: "t2", id: "t2", name: "Sarah P.", role: "Founder", company: "DesignLab", rating: 5,
name: "Sarah P.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-young-woman-smiling_23-2148452672.jpg"},
role: "Founder",
company: "DesignLab",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-young-woman-smiling_23-2148452672.jpg",
},
{ {
id: "t3", id: "t3", name: "Mark J.", role: "CTO", company: "Innovate", rating: 5,
name: "Mark J.", imageSrc: "http://img.b2bpic.net/free-photo/redhead-female-supervisor-dressed-elegant-suit-grey-background_613910-1352.jpg"},
role: "CTO",
company: "Innovate",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/redhead-female-supervisor-dressed-elegant-suit-grey-background_613910-1352.jpg",
},
{ {
id: "t4", id: "t4", name: "Elena V.", role: "Director", company: "MediaHub", rating: 5,
name: "Elena V.", imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-elegant-black-american-male-dressed-suit-grey-vignette-background_613910-9479.jpg"},
role: "Director",
company: "MediaHub",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-elegant-black-american-male-dressed-suit-grey-vignette-background_613910-9479.jpg",
},
{ {
id: "t5", id: "t5", name: "David W.", role: "Owner", company: "GrowthCo", rating: 5,
name: "David W.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-businessman_23-2149153863.jpg"},
role: "Owner",
company: "GrowthCo",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-businessman_23-2149153863.jpg",
},
]} ]}
title="Client Feedback" title="Client Feedback"
description="Trusted by visionary leaders." description="Trusted by visionary leaders."
@@ -366,8 +233,7 @@ export default function LandingPage() {
<ContactCenter <ContactCenter
useInvertedBackground={false} useInvertedBackground={false}
background={{ background={{
variant: "sparkles-gradient", variant: "sparkles-gradient"}}
}}
tag="Connect" tag="Connect"
title="Let's Build Together" title="Let's Build Together"
description="Ready to launch your next big idea? Reach out today." description="Ready to launch your next big idea? Reach out today."
@@ -378,42 +244,27 @@ export default function LandingPage() {
<FooterBase <FooterBase
columns={[ columns={[
{ {
title: "Navigate", title: "Navigate", items: [
items: [
{ {
label: "About", label: "About", href: "#about"},
href: "#about",
},
{ {
label: "Projects", label: "Projects", href: "#projects"},
href: "#projects",
},
], ],
}, },
{ {
title: "Work", title: "Work", items: [
items: [
{ {
label: "Services", label: "Services", href: "#services"},
href: "#services",
},
{ {
label: "Contact", label: "Contact", href: "#contact"},
href: "#contact",
},
], ],
}, },
{ {
title: "Socials", title: "Socials", items: [
items: [
{ {
label: "LinkedIn", label: "LinkedIn", href: "#"},
href: "#",
},
{ {
label: "Twitter", label: "Twitter", href: "#"},
href: "#",
},
], ],
}, },
]} ]}