bender/6f7a3d8b-7ded-454e-ad1b-e3ec5289950d
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-04-18 16:08:30 +00:00
Conversation 0 Commits 1 Files Changed 1 +59 -293
1 changed files with 59 additions and 293 deletions
Download Patch File Download Diff File Expand all files Collapse all files

352
src/app/page.tsx
View File

@@ -31,18 +31,9 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{
name: "Home",
id: "#hero",
},
{
name: "Work",
id: "#work",
},
{
name: "Contact",
id: "#contact",
},
{ name: "Home", id: "#hero" },
{ name: "Work", id: "#work" },
{ name: "Contact", id: "#contact" },
]}
brandName="Tapasya Mittal"
/>
@@ -50,33 +41,13 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplitDualMedia
background={{
variant: "plain",
}}
background={{ variant: "plain" }}
title="Creative Portfolio"
description="Visual identity, packaging, and book design crafted with passion and purpose. I help brands tell their unique story through compelling visuals."
tag="Graphic Designer"
mediaItems={[
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CXNx7WXcJJJN1YzMFAU3OGeC8v/uploaded-1776528451107-2shc324i.jpg?_wi=1",
imageAlt: "Graphic Designer Portrait",
},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CXNx7WXcJJJN1YzMFAU3OGeC8v/uploaded-1776528451107-sdip55j6.jpg?_wi=1",
imageAlt: "Design Work Showcase",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/young-painter-white-shirt-striped-t-shirt-sitting-floor-thoughtfully-looking-camera-while-drawing-by-watercolor-with-paint-tools-near-home_574295-3776.jpg",
imageAlt: "Young painter in white shirt",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/male-artist-painting-studio-with-watercolors_23-2149908447.jpg",
imageAlt: "Male artist painting at studio",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/male-graphic-designer-using-digital-tablet_1170-779.jpg",
imageAlt: "Male graphic designer using digital tablet",
},
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CXNx7WXcJJJN1YzMFAU3OGeC8v/uploaded-1776528451107-2shc324i.jpg", imageAlt: "Graphic Designer Portrait" },
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CXNx7WXcJJJN1YzMFAU3OGeC8v/uploaded-1776528451107-sdip55j6.jpg", imageAlt: "Design Work Showcase" }
]}
mediaAnimation="slide-up"
rating={5}
@@ -90,7 +61,7 @@ export default function LandingPage() {
useInvertedBackground={false}
title="Crafting Brand Identities"
description="I focus on creating thoughtful, visually appealing brand identities that resonate with Gen Z and beyond. My approach balances modern style with clear communication."
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CXNx7WXcJJJN1YzMFAU3OGeC8v/uploaded-1776528451107-bhmo4fxw.jpg?_wi=1"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CXNx7WXcJJJN1YzMFAU3OGeC8v/uploaded-1776528451107-bhmo4fxw.jpg"
imageAlt="Brand Company Kit"
/>
</div>
@@ -100,73 +71,25 @@ export default function LandingPage() {
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
features={[
{
title: "Concept Creation",
description: "Developing initial ideas based on brand personality.",
items: [
{
icon: CheckCircle,
text: "Brand storytelling",
},
{
icon: CheckCircle,
text: "Visual hierarchy",
},
],
reverse: false,
media: {
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CXNx7WXcJJJN1YzMFAU3OGeC8v/uploaded-1776528451107-sdip55j6.jpg?_wi=2",
imageAlt: "Packaging Concept",
},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CXNx7WXcJJJN1YzMFAU3OGeC8v/uploaded-1776528451107-2shc324i.jpg?_wi=2",
imageAlt: "User provided image",
},
{
title: "Brand Cohesion",
description: "Ensuring every pack reflects the core identity.",
items: [
{
icon: CheckCircle,
text: "Consistent color palettes",
},
{
icon: CheckCircle,
text: "Typography balance",
},
],
reverse: true,
media: {
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CXNx7WXcJJJN1YzMFAU3OGeC8v/uploaded-1776528451107-bhmo4fxw.jpg?_wi=2",
imageAlt: "Packaging Cohesion",
},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CXNx7WXcJJJN1YzMFAU3OGeC8v/uploaded-1776528451107-37du6737.jpg?_wi=1",
imageAlt: "User provided image",
},
{
title: "Visual Impact",
description: "Creating designs that captivate the target audience.",
items: [
{
icon: CheckCircle,
text: "Modern aesthetic",
},
{
icon: CheckCircle,
text: "High engagement",
},
],
reverse: false,
media: {
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CXNx7WXcJJJN1YzMFAU3OGeC8v/uploaded-1776528451107-hzpberw9.jpg?_wi=1",
imageAlt: "Visual Impact",
},
imageSrc: "http://img.b2bpic.net/free-photo/graphic-designer-making-logo-notebook_23-2149142118.jpg?_wi=1",
imageAlt: "User provided image",
},
]}
title="Packaging Design Expertise"
description="I create packaging that stands out on the shelf, balancing creativity with practical brand communication."
features={[
{
title: "Concept Creation", description: "Developing initial ideas based on brand personality.", items: [{ icon: CheckCircle, text: "Brand storytelling" }, { icon: CheckCircle, text: "Visual hierarchy" }],
reverse: false,
media: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CXNx7WXcJJJN1YzMFAU3OGeC8v/uploaded-1776528451107-sdip55j6.jpg", imageAlt: "Packaging Concept" }
},
{
title: "Brand Cohesion", description: "Ensuring every pack reflects the core identity.", items: [{ icon: CheckCircle, text: "Consistent color palettes" }, { icon: CheckCircle, text: "Typography balance" }],
reverse: true,
media: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CXNx7WXcJJJN1YzMFAU3OGeC8v/uploaded-1776528451107-bhmo4fxw.jpg", imageAlt: "Packaging Cohesion" }
},
{
title: "Visual Impact", description: "Creating designs that captivate the target audience.", items: [{ icon: CheckCircle, text: "Modern aesthetic" }, { icon: CheckCircle, text: "High engagement" }],
reverse: false,
media: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CXNx7WXcJJJN1YzMFAU3OGeC8v/uploaded-1776528451107-hzpberw9.jpg", imageAlt: "Visual Impact" }
}
]}
/>
</div>
@@ -177,60 +100,9 @@ export default function LandingPage() {
gridVariant="two-columns-alternating-heights"
useInvertedBackground={false}
products={[
{
id: "1",
brand: "Identity",
name: "Logo Design",
price: "Custom",
rating: 5,
reviewCount: "120",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CXNx7WXcJJJN1YzMFAU3OGeC8v/uploaded-1776528451107-bhmo4fxw.jpg?_wi=3",
},
{
id: "2",
brand: "Identity",
name: "Company Kit",
price: "Custom",
rating: 5,
reviewCount: "85",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CXNx7WXcJJJN1YzMFAU3OGeC8v/uploaded-1776528451107-2shc324i.jpg?_wi=3",
},
{
id: "3",
brand: "Print",
name: "Envelopes",
price: "Custom",
rating: 4,
reviewCount: "50",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CXNx7WXcJJJN1YzMFAU3OGeC8v/uploaded-1776528451107-sdip55j6.jpg?_wi=3",
},
{
id: "4",
brand: "Print",
name: "Letterheads",
price: "Custom",
rating: 5,
reviewCount: "60",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CXNx7WXcJJJN1YzMFAU3OGeC8v/uploaded-1776528451107-37du6737.jpg?_wi=2",
},
{
id: "5",
brand: "Stationery",
name: "Business Cards",
price: "Custom",
rating: 5,
reviewCount: "95",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CXNx7WXcJJJN1YzMFAU3OGeC8v/uploaded-1776528451107-hzpberw9.jpg?_wi=2",
},
{
id: "6",
brand: "Stationery",
name: "Folder Design",
price: "Custom",
rating: 4,
reviewCount: "40",
imageSrc: "http://img.b2bpic.net/free-photo/graphic-designer-making-logo-notebook_23-2149142118.jpg?_wi=2",
},
{ id: "1", brand: "Identity", name: "Logo Design", price: "Custom", rating: 5, reviewCount: "120", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CXNx7WXcJJJN1YzMFAU3OGeC8v/uploaded-1776528451107-bhmo4fxw.jpg" },
{ id: "2", brand: "Identity", name: "Company Kit", price: "Custom", rating: 5, reviewCount: "85", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CXNx7WXcJJJN1YzMFAU3OGeC8v/uploaded-1776528451107-2shc324i.jpg" },
{ id: "3", brand: "Print", name: "Envelopes", price: "Custom", rating: 4, reviewCount: "50", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CXNx7WXcJJJN1YzMFAU3OGeC8v/uploaded-1776528451107-sdip55j6.jpg" }
]}
title="Brand Company Kits"
description="Comprehensive design solutions tailored to establish consistent, professional brand identities."
@@ -242,109 +114,39 @@ export default function LandingPage() {
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
features={[
{
title: "Gen Z Focus",
description: "Targeted visuals for modern readers.",
items: [
{
icon: Zap,
text: "Eye-catching colors",
},
{
icon: Zap,
text: "Youthful vibe",
},
],
reverse: false,
media: {
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CXNx7WXcJJJN1YzMFAU3OGeC8v/uploaded-1776528451107-37du6737.jpg?_wi=3",
imageAlt: "Gen Z Book Cover",
},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CXNx7WXcJJJN1YzMFAU3OGeC8v/uploaded-1776528451107-2shc324i.jpg?_wi=4",
imageAlt: "User provided image",
},
{
title: "Clean Typography",
description: "Modern fonts for maximum readability.",
items: [
{
icon: Zap,
text: "Dynamic layout",
},
{
icon: Zap,
text: "Clear communication",
},
],
reverse: true,
media: {
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CXNx7WXcJJJN1YzMFAU3OGeC8v/uploaded-1776528451107-sdip55j6.jpg?_wi=4",
imageAlt: "Typography Detail",
},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CXNx7WXcJJJN1YzMFAU3OGeC8v/uploaded-1776528451107-bhmo4fxw.jpg?_wi=4",
imageAlt: "User provided image",
},
{
title: "Trendy Elements",
description: "Integrating current design trends.",
items: [
{
icon: Zap,
text: "Bold visuals",
},
{
icon: Zap,
text: "Relatable themes",
},
],
reverse: false,
media: {
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CXNx7WXcJJJN1YzMFAU3OGeC8v/uploaded-1776528451107-hzpberw9.jpg?_wi=3",
imageAlt: "Trends Showcase",
},
imageSrc: "http://img.b2bpic.net/free-photo/graphic-designer-making-logo-notebook_23-2149142118.jpg?_wi=3",
imageAlt: "User provided image",
},
]}
title="Book Cover Design"
description="Bold, fresh designs connecting deeply with the Gen Z audience."
features={[
{
title: "Gen Z Focus", description: "Targeted visuals for modern readers.", items: [{ icon: Zap, text: "Eye-catching colors" }, { icon: Zap, text: "Youthful vibe" }],
reverse: false,
media: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CXNx7WXcJJJN1YzMFAU3OGeC8v/uploaded-1776528451107-37du6737.jpg", imageAlt: "Gen Z Book Cover" }
},
{
title: "Clean Typography", description: "Modern fonts for maximum readability.", items: [{ icon: Zap, text: "Dynamic layout" }, { icon: Zap, text: "Clear communication" }],
reverse: true,
media: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CXNx7WXcJJJN1YzMFAU3OGeC8v/uploaded-1776528451107-sdip55j6.jpg", imageAlt: "Typography Detail" }
},
{
title: "Trendy Elements", description: "Integrating current design trends.", items: [{ icon: Zap, text: "Bold visuals" }, { icon: Zap, text: "Relatable themes" }],
reverse: false,
media: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CXNx7WXcJJJN1YzMFAU3OGeC8v/uploaded-1776528451107-hzpberw9.jpg", imageAlt: "Trends Showcase" }
}
]}
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTwelve
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Sarah J.",
imageSrc: "http://img.b2bpic.net/free-photo/graphic-designer-making-logo-notebook_23-2149142118.jpg?_wi=4",
},
{
id: "2",
name: "Michael Chen",
imageSrc: "http://img.b2bpic.net/free-photo/female-logo-designer-working-her-tablet-connected-laptop_23-2149119251.jpg",
},
{
id: "3",
name: "Emily R.",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-with-plans-showing-approval_23-2148269277.jpg",
},
{
id: "4",
name: "David Kim",
imageSrc: "http://img.b2bpic.net/free-photo/shot-beautiful-young-businesswoman-wearing-blue-chiffon-shirt-while-standing-posing-gray-marble-wall_158595-6767.jpg",
},
{
id: "5",
name: "Sofia Rossi",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-businessman-with-crossed-arms_23-2148242733.jpg",
},
]}
cardTitle="Client Voices"
cardTag="Trusted by Brands"
cardAnimation="slide-up"
testimonials={[
{ id: "1", name: "Sarah J.", imageSrc: "http://img.b2bpic.net/free-photo/graphic-designer-making-logo-notebook_23-2149142118.jpg" },
{ id: "2", name: "Michael Chen", imageSrc: "http://img.b2bpic.net/free-photo/female-logo-designer-working-her-tablet-connected-laptop_23-2149119251.jpg" },
{ id: "3", name: "Emily R.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-with-plans-showing-approval_23-2148269277.jpg" }
]}
/>
</div>
@@ -353,23 +155,11 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
faqs={[
{
id: "1",
title: "What is your design process?",
content: "I research, sketch, and iterate until the design matches your brand vision perfectly.",
},
{
id: "2",
title: "Do you offer revisions?",
content: "Yes, I offer up to three rounds of revisions to ensure you are 100% satisfied with the outcome.",
},
{
id: "3",
title: "How do we get started?",
content: "Simply reach out via email or social media and we can discuss your specific project needs.",
},
{ id: "1", title: "What is your design process?", content: "I research, sketch, and iterate until the design matches your brand vision perfectly." },
{ id: "2", title: "Do you offer revisions?", content: "Yes, I offer up to three rounds of revisions to ensure you are 100% satisfied with the outcome." },
{ id: "3", title: "How do we get started?", content: "Simply reach out via email or social media and we can discuss your specific project needs." }
]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CXNx7WXcJJJN1YzMFAU3OGeC8v/uploaded-1776528451107-hzpberw9.jpg?_wi=4"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CXNx7WXcJJJN1YzMFAU3OGeC8v/uploaded-1776528451107-hzpberw9.jpg"
title="Common Questions"
description="Learn more about my design process and project timeline."
faqsAnimation="slide-up"
@@ -380,9 +170,7 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={false}
background={{
variant: "plain",
}}
background={{ variant: "plain" }}
tag="Let's Connect"
title="Let's Work Together"
description="I assure you that you won't regret your decision to work with me."
@@ -391,36 +179,14 @@ export default function LandingPage() {
<div id="footer" data-section="footer">
<FooterLogoEmphasis
columns={[
{
items: [
{
label: "Portfolio",
href: "#hero",
},
{
label: "Work",
href: "#work",
},
],
},
{
items: [
{
label: "Instagram",
href: "#",
},
{
label: "Email",
href: "#",
},
],
},
]}
logoText="Tapasya Mittal"
columns={[
{ items: [{ label: "Portfolio", href: "#hero" }, { label: "Work", href: "#work" }] },
{ items: [{ label: "Instagram", href: "#" }, { label: "Email", href: "#" }] }
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}