bender/671e5f00-17e5-477d-917f-76fb1568cbd8
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main #2

Merged
bender merged 2 commits from version_2 into main 2026-03-20 11:17:09 +00:00
Conversation 0 Commits 2 Files Changed 2 +25 -25
2 changed files with 25 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
src/app/page.tsx
View File

@@ -41,7 +41,7 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroOverlay
title="Welcome to My Portfolio"
description="Showcasing innovative design and development work with a passion for clean, elegant solutions"
description="Showcasing innovative design and development work with a passion for clean, elegant solutions, inspired by the natural beauty of clouds and green landscapes"
tag="Creative Professional"
tagAnimation="slide-up"
buttons={[
@@ -49,8 +49,8 @@ export default function LandingPage() {
{ text: "Contact Me", href: "#contact" }
]}
buttonAnimation="slide-up"
imageSrc="http://img.b2bpic.net/free-photo/business-materials_23-2147728504.jpg"
imageAlt="Portfolio Hero Background"
imageSrc="https://images.unsplash.com/photo-1441974231531-c6227db76b6e?w=1200&h=600&fit=crop"
imageAlt="Portfolio Hero Background with Clouds and Sky"
showBlur={true}
ariaLabel="Hero section"
/>
@@ -60,7 +60,7 @@ export default function LandingPage() {
<TextSplitAbout
title="About Me"
description={[
"I'm a passionate designer and developer dedicated to creating beautiful, functional digital experiences. With years of experience in web design, branding, and user experience, I transform ideas into elegant solutions.", "My approach combines strategic thinking with creative execution, ensuring every project not only looks stunning but also delivers measurable results for my clients and their audiences."
"I'm a passionate designer and developer dedicated to creating beautiful, functional digital experiences inspired by nature's elegance. Like the serene beauty of clouds and green grass, my work aims to bring calm and clarity to digital design. With years of experience in web design, branding, and user experience, I transform ideas into elegant solutions.", "My approach combines strategic thinking with creative execution, ensuring every project not only looks stunning but also delivers measurable results. I believe in designing with purpose, drawing inspiration from natural elements to create interfaces that feel organic, accessible, and delightful to interact with."
]}
useInvertedBackground={true}
showBorder={false}
@@ -73,7 +73,7 @@ export default function LandingPage() {
<div id="feature" data-section="feature">
<FeatureCardOne
title="Recent Projects"
description="A curated selection of my best work featuring innovative design and seamless functionality"
description="A curated selection of my best work featuring innovative design inspired by natural elements, seamless functionality, and user-centered aesthetics"
tag="Portfolio"
tagAnimation="blur-reveal"
textboxLayout="default"
@@ -82,13 +82,13 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "E-Commerce Platform", description: "Modern, responsive design for a luxury retail brand with smooth animations and elegant product displays", imageSrc: "http://img.b2bpic.net/free-photo/pencil-spiral-notepad-with-laptop-camera-eyeglasses-gray-backdrop_23-2147979052.jpg", imageAlt: "E-Commerce Platform Project"
title: "E-Commerce Platform", description: "Modern, responsive design for a luxury retail brand with smooth animations inspired by natural flows and elegant product displays set against calming cloud-inspired backgrounds", imageSrc: "https://images.unsplash.com/photo-1460925895917-adf4e565db18?w=600&h=400&fit=crop", imageAlt: "E-Commerce Platform Project"
},
{
title: "Brand Identity System", description: "Complete visual identity redesign including logo, color palette, and digital guidelines for cohesive branding", imageSrc: "http://img.b2bpic.net/free-photo/diverse-group-women-working-together-chroma-key-screen_482257-124579.jpg", imageAlt: "Brand Identity System Project"
title: "Brand Identity System", description: "Complete visual identity redesign including cloud-inspired color palettes, natural green accents, and digital guidelines for cohesive branding that reflects environmental consciousness", imageSrc: "https://images.unsplash.com/photo-1561070791-2526d30994b5?w=600&h=400&fit=crop", imageAlt: "Brand Identity System Project"
},
{
title: "Digital Agency Website", description: "Engaging portfolio site showcasing creative work with interactive elements and smooth scroll animations", imageSrc: "http://img.b2bpic.net/free-psd/flat-design-travel-template_23-2149660148.jpg", imageAlt: "Digital Agency Website Project"
title: "Digital Agency Website", description: "Engaging portfolio site showcasing creative work with interactive elements inspired by natural movement, smooth scroll animations, and nature-themed visual hierarchy", imageSrc: "https://images.unsplash.com/photo-1467994153647-5e6f966d9c1d?w=600&h=400&fit=crop", imageAlt: "Digital Agency Website Project"
}
]}
/>
@@ -97,7 +97,7 @@ export default function LandingPage() {
<div id="metric" data-section="metric">
<MetricCardTwo
title="By The Numbers"
description="Proven track record of successful projects and satisfied clients"
description="Proven track record of successful projects and satisfied clients built with passion and inspired by natural design principles"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
animationType="scale-rotate"
@@ -113,7 +113,7 @@ export default function LandingPage() {
<div id="testimonial" data-section="testimonial">
<TestimonialCardOne
title="Client Testimonials"
description="What my clients say about working together"
description="What my clients say about working together and the impact of design inspired by natural elements"
textboxLayout="default"
gridVariant="two-columns-alternating-heights"
animationType="slide-up"
@@ -121,19 +121,19 @@ export default function LandingPage() {
testimonials={[
{
id: "1", name: "Sarah Johnson", role: "CEO", company: "TechVenture Inc", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/blonde-businesswoman-portrait-with-copy-space_1194-633470.jpg", imageAlt: "Sarah Johnson testimonial avatar"
imageSrc: "https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=200&h=200&fit=crop", imageAlt: "Sarah Johnson testimonial avatar"
},
{
id: "2", name: "Michael Chen", role: "Creative Director", company: "Design Studios", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiling-woman-home_23-2148597053.jpg", imageAlt: "Michael Chen testimonial avatar"
imageSrc: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=200&h=200&fit=crop", imageAlt: "Michael Chen testimonial avatar"
},
{
id: "3", name: "Emily Rodriguez", role: "Marketing Manager", company: "Digital Collective", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-serious-bearded-male-dressed-suit_613910-5596.jpg", imageAlt: "Emily Rodriguez testimonial avatar"
imageSrc: "https://images.unsplash.com/photo-1438761681033-6461ffad8d80?w=200&h=200&fit=crop", imageAlt: "Emily Rodriguez testimonial avatar"
},
{
id: "4", name: "David Kim", role: "Product Lead", company: "Innovation Labs", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/passionate-elgant-flamenco-dancer_23-2149163393.jpg", imageAlt: "David Kim testimonial avatar"
imageSrc: "https://images.unsplash.com/photo-1500648767791-00dcc994a43e?w=200&h=200&fit=crop", imageAlt: "David Kim testimonial avatar"
}
]}
/>
@@ -142,10 +142,10 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactSplitForm
title="Let's Connect"
description="Have a project in mind? I'd love to hear about it. Get in touch and let's create something amazing together."
description="Have a project in mind? I'd love to hear about it. Let's create something amazing together, inspired by natural beauty and user-centered design principles."
useInvertedBackground={true}
imageSrc="http://img.b2bpic.net/free-vector/abstract-background-with-low-poly-design_1048-6586.jpg"
imageAlt="Contact Section Background"
imageSrc="https://images.unsplash.com/photo-1505142468610-359e7d316be0?w=600&h=600&fit=crop"
imageAlt="Contact Section Background with Natural Landscape"
mediaAnimation="slide-up"
inputs={[
{ name: "name", type: "text", placeholder: "Your Name" },
@@ -189,4 +189,4 @@ export default function LandingPage() {
</div>
</ThemeProvider>
);
}
}

14
src/app/styles/variables.css
View File

@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #ffffff;
--card: #f9f9f9;
--foreground: #120006e6;
--primary-cta: #e63946;
--background: #e8f4ff;
--card: #d4ebff;
--foreground: #0c1f3f;
--primary-cta: #0066cc;
--primary-cta-text: #ffffff;
--secondary-cta: #f9f9f9;
--secondary-cta: #ffffff;
--secondary-cta-text: #120006e6;
--accent: #e2e2e2;
--background-accent: #c4c4c4;
--accent: #4da6ff;
--background-accent: #80bfff;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);