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