bender/a226b2bb-4b02-487c-978d-f47b69cece3c
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #1

Merged
bender merged 1 commits from version_1 into main 2026-04-21 09:29:20 +00:00
Conversation 0 Commits 1 Files Changed 1 +43 -231
1 changed files with 43 additions and 231 deletions
Download Patch File Download Diff File Expand all files Collapse all files

274
src/app/page.tsx
View File

@@ -32,101 +32,42 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{
name: "Home",
id: "home",
},
{
name: "Services",
id: "services",
},
{
name: "Portfolio",
id: "portfolio",
},
{
name: "About",
id: "about",
},
{
name: "Skills",
id: "skills",
},
{
name: "Contact",
id: "contact",
},
{ name: "Home", id: "home" },
{ name: "Services", id: "services" },
{ name: "Portfolio", id: "portfolio" },
{ name: "About", id: "about" },
{ name: "Skills", id: "skills" },
{ name: "Contact", id: "contact" },
]}
button={{
text: "Hire Me",
href: "#contact",
}}
button={{ text: "Hire Me", href: "#contact" }}
brandName="Aayan Kashyap"
/>
</div>
<div id="home" data-section="home">
<HeroSplit
background={{
variant: "radial-gradient",
}}
background={{ variant: "radial-gradient" }}
title="Helping Brands Grow with Smart Websites, High-CTR Thumbnails & Powerful Scripts"
description="I help businesses, creators, and startups build strong online presence through web development, eye-catching designs, and persuasive content."
buttons={[
{
text: "Hire Me",
href: "#contact",
},
{
text: "View My Work",
href: "#portfolio",
},
{ text: "Hire Me", href: "#contact" },
{ text: "View My Work", href: "#portfolio" },
]}
imageSrc="http://img.b2bpic.net/free-photo/man-working-laptop-home_23-2147689479.jpg"
imageAlt="Workspace workspace illustration"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/young-smiling-professional-woman-having-coffee-break-her-full-working-day-she-holds-paper-cup-outdoors-near-business-building-while-relaxing-enjoying-her-beverage_158595-6865.jpg",
alt: "Client 1",
},
{
src: "http://img.b2bpic.net/free-photo/young-redhead-business-woman-looking-like-professional-smiling-friendly-listening-client-standing-white-background_176420-52338.jpg",
alt: "Client 2",
},
{
src: "http://img.b2bpic.net/free-photo/smiling-african-american-woman-looking-pleased-starting-business_176420-26966.jpg",
alt: "Client 3",
},
{
src: "http://img.b2bpic.net/free-photo/close-up-portrait-confident-smiling-modern-business-woman-with-cup-coffee-against-backdrop-large-business-building-high-quality-photo_291650-838.jpg",
alt: "Client 4",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-stylish-hipster-lambersexual-modelsexy-modern-man-dressed-elegant-suit-fashion-male-posing-studio-near-blue-wall_158538-21048.jpg",
alt: "Client 5",
},
{ src: "http://img.b2bpic.net/free-photo/young-smiling-professional-woman-having-coffee-break-her-full-working-day-she-holds-paper-cup-outdoors-near-business-building-while-relaxing-enjoying-her-beverage_158595-6865.jpg", alt: "Client 1" },
{ src: "http://img.b2bpic.net/free-photo/young-redhead-business-woman-looking-like-professional-smiling-friendly-listening-client-standing-white-background_176420-52338.jpg", alt: "Client 2" },
{ src: "http://img.b2bpic.net/free-photo/smiling-african-american-woman-looking-pleased-starting-business_176420-26966.jpg", alt: "Client 3" },
{ src: "http://img.b2bpic.net/free-photo/close-up-portrait-confident-smiling-modern-business-woman-with-cup-coffee-against-backdrop-large-business-building-high-quality-photo_291650-838.jpg", alt: "Client 4" },
{ src: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-stylish-hipster-lambersexual-modelsexy-modern-man-dressed-elegant-suit-fashion-male-posing-studio-near-blue-wall_158538-21048.jpg", alt: "Client 5" },
]}
marqueeItems={[
{
type: "text",
text: "Web Development",
},
{
type: "text",
text: "Brand Identity",
},
{
type: "text",
text: "Creative Design",
},
{
type: "text",
text: "Conversion Strategy",
},
{
type: "text",
text: "Content Creation",
},
{ type: "text", text: "Web Development" },
{ type: "text", text: "Brand Identity" },
{ type: "text", text: "Creative Design" },
{ type: "text", text: "Conversion Strategy" },
{ type: "text", text: "Content Creation" },
]}
/>
</div>
@@ -146,20 +87,8 @@ export default function LandingPage() {
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
negativeCard={{
items: [
"Design & Content Strategy",
"Video Branding",
"Consultation",
],
}}
positiveCard={{
items: [
"Web Development",
"Thumbnail Design",
"Script Writing",
],
}}
negativeCard={{ items: ["Design & Content Strategy", "Video Branding", "Consultation"] }}
positiveCard={{ items: ["Web Development", "Thumbnail Design", "Script Writing"] }}
title="Services Offered"
description="Premium design and growth services tailored for content creators and businesses."
/>
@@ -170,43 +99,14 @@ export default function LandingPage() {
textboxLayout="default"
gridVariant="bento-grid"
useInvertedBackground={false}
animationType="slide-up"
products={[
{
id: "p1",
name: "Modern Business Website",
price: "Web Dev",
imageSrc: "http://img.b2bpic.net/free-photo/electric-car-ecology-technology-save-energy-concept_53876-124793.jpg",
},
{
id: "p2",
name: "Restaurant Website Design",
price: "Web Dev",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-chef-cook-holding-fast-food-burger_23-2151004531.jpg",
},
{
id: "p3",
name: "YouTube Thumbnail Collection",
price: "Thumbnail",
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-arrangement-with-tablet-paint_23-2148769814.jpg",
},
{
id: "p4",
name: "Viral Video Script Samples",
price: "Writing",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-writing-notebook_23-2147601475.jpg",
},
{
id: "p5",
name: "Personal Portfolio Website",
price: "Web Dev",
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-website-hosting-concept_23-2149484780.jpg",
},
{
id: "p6",
name: "Landing Page Design",
price: "Web Dev",
imageSrc: "http://img.b2bpic.net/free-photo/general-director-using-chroma-key-template-modern-gadget_482257-124351.jpg",
},
{ id: "p1", name: "Modern Business Website", price: "Web Dev", imageSrc: "http://img.b2bpic.net/free-photo/electric-car-ecology-technology-save-energy-concept_53876-124793.jpg" },
{ id: "p2", name: "Restaurant Website Design", price: "Web Dev", imageSrc: "http://img.b2bpic.net/free-photo/portrait-chef-cook-holding-fast-food-burger_23-2151004531.jpg" },
{ id: "p3", name: "YouTube Thumbnail Collection", price: "Thumbnail", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-arrangement-with-tablet-paint_23-2148769814.jpg" },
{ id: "p4", name: "Viral Video Script Samples", price: "Writing", imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-writing-notebook_23-2147601475.jpg" },
{ id: "p5", name: "Personal Portfolio Website", price: "Web Dev", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-website-hosting-concept_23-2149484780.jpg" },
{ id: "p6", name: "Landing Page Design", price: "Web Dev", imageSrc: "http://img.b2bpic.net/free-photo/general-director-using-chroma-key-template-modern-gadget_482257-124351.jpg" },
]}
title="Selected Projects"
description="A curated collection of my recent work across web development and creative design."
@@ -219,24 +119,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
metrics={[
{
id: "s1",
icon: Layout,
title: "Web Development",
value: "HTML, React, Tailwind",
},
{
id: "s2",
icon: Palette,
title: "Design",
value: "Thumbnail, Photoshop, Canva",
},
{
id: "s3",
icon: PenTool,
title: "Content Strategy",
value: "Scripting, Copywriting, SEO",
},
{ id: "s1", icon: Layout, title: "Web Development", value: "HTML, React, Tailwind" },
{ id: "s2", icon: Palette, title: "Design", value: "Thumbnail, Photoshop, Canva" },
{ id: "s3", icon: PenTool, title: "Content Strategy", value: "Scripting, Copywriting, SEO" },
]}
title="Technical Skills"
description="Equipped with the modern tools and industry expertise to bring your vision to life."
@@ -249,46 +134,11 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Sarah J.",
handle: "CEO, GrowthCo",
testimonial: "Aayan's ability to combine development with design is unique.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-cute-young-business-woman-smiling_93675-133169.jpg",
},
{
id: "t2",
name: "Mike R.",
handle: "YouTuber",
testimonial: "These thumbnails brought in a 40% higher click rate.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/handsome-caucasian-man-with-beard-with-arms-crossed-gesture-relaxed-with-serious-expression-face-simple-natural-looking-camera_839833-13410.jpg",
},
{
id: "t3",
name: "Emily D.",
handle: "Founder",
testimonial: "Fast communication and professional results.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2580.jpg",
},
{
id: "t4",
name: "David W.",
handle: "Marketer",
testimonial: "Excellent scripting skills! The storytelling was spot on.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-handsome-professional-man-cross-arms-chest-looking-confident-camera-smiling-determined-standing-against-white-background_176420-53771.jpg",
},
{
id: "t5",
name: "Jenny L.",
handle: "Owner",
testimonial: "Beautiful design, exactly what we needed to modernise.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg",
},
{ id: "t1", name: "Sarah J.", handle: "CEO, GrowthCo", testimonial: "Aayan's ability to combine development with design is unique.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-cute-young-business-woman-smiling_93675-133169.jpg" },
{ id: "t2", name: "Mike R.", handle: "YouTuber", testimonial: "These thumbnails brought in a 40% higher click rate.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/handsome-caucasian-man-with-beard-with-arms-crossed-gesture-relaxed-with-serious-expression-face-simple-natural-looking-camera_839833-13410.jpg" },
{ id: "t3", name: "Emily D.", handle: "Founder", testimonial: "Fast communication and professional results.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2580.jpg" },
{ id: "t4", name: "David W.", handle: "Marketer", testimonial: "Excellent scripting skills! The storytelling was spot on.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-handsome-professional-man-cross-arms-chest-looking-confident-camera-smiling-determined-standing-against-white-background_176420-53771.jpg" },
{ id: "t5", name: "Jenny L.", handle: "Owner", testimonial: "Beautiful design, exactly what we needed to modernise.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg" },
]}
showRating={true}
title="Client Feedback"
@@ -302,39 +152,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
plans={[
{
id: "starter",
badge: "Entry",
price: "$150+",
subtitle: "Basic web presence or simple script project.",
features: [
"Landing page structure",
"Basic SEO",
"Fast turn around",
],
},
{
id: "growth",
badge: "Popular",
price: "$500+",
subtitle: "Full branding and growth solutions.",
features: [
"Full Website Design",
"Thumbnail Set",
"Script & Content Strategy",
],
},
{
id: "premium",
badge: "Custom",
price: "Custom",
subtitle: "Bespoke solution for startups and brands.",
features: [
"Priority Support",
"Strategy Workshop",
"Ongoing Maintenance",
],
},
{ id: "starter", badge: "Entry", price: "$150+", subtitle: "Basic web presence or simple script project.", features: ["Landing page structure", "Basic SEO", "Fast turn around"] },
{ id: "growth", badge: "Popular", price: "$500+", subtitle: "Full branding and growth solutions.", features: ["Full Website Design", "Thumbnail Set", "Script & Content Strategy"] },
{ id: "premium", badge: "Custom", price: "Custom", subtitle: "Bespoke solution for startups and brands.", features: ["Priority Support", "Strategy Workshop", "Ongoing Maintenance"] },
]}
title="Select Your Package"
description="Flexible plans tailored to fit your project's specific goals."
@@ -344,21 +164,13 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={false}
background={{
variant: "sparkles-gradient",
}}
background={{ variant: "sparkles-gradient" }}
tag="Let's Talk"
title="Discuss Your Next Project"
description="Ready to scale your business or content? Let's discuss your goals."
buttons={[
{
text: "Email Me",
href: "mailto:aayankashyap1001@gmail.com",
},
{
text: "WhatsApp Me",
href: "https://wa.me/message/yourid",
},
{ text: "Email Me", href: "mailto:aayankashyap1001@gmail.com" },
{ text: "WhatsApp Me", href: "https://wa.me/message/yourid" },
]}
/>
</div>