diff --git a/src/app/page.tsx b/src/app/page.tsx index d65b326..7a31876 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -19,7 +19,7 @@ export default function LandingPage() { borderRadius="pill" contentWidth="compact" sizing="largeSmallSizeMediumTitles" - background="noiseDiagonalGradient" + background="circleGradient" cardStyle="gradient-bordered" primaryButtonStyle="primary-glow" secondaryButtonStyle="glass" @@ -45,7 +45,7 @@ export default function LandingPage() { tag="Welcome" tagIcon={Sparkles} tagAnimation="slide-up" - background={{ variant: "noiseDiagonalGradient" }} + background={{ variant: "radial-gradient" }} buttons={[ { text: "Explore My Work", href: "work" }, { text: "Get In Touch", href: "contact" }, @@ -55,13 +55,13 @@ export default function LandingPage() { { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARAYHcycoyLEmpoLoZFpUdqzJ8/a-professional-portrait-of-a-tech-enthus-1772545157810-a8854352.png", imageAlt: "Tech enthusiast with acoustic guitar"}, { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARAYHcycoyLEmpoLoZFpUdqzJ8/a-modern-tech-workspace-with-multiple-mo-1772545156636-fb81dd48.png?_wi=1", imageAlt: "Modern tech workspace"}, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARAYHcycoyLEmpoLoZFpUdqzJ8/a-modern-tech-workspace-with-multiple-mo-1772545156636-fb81dd48.png", imageAlt: "Modern tech workspace"}, { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARAYHcycoyLEmpoLoZFpUdqzJ8/close-up-detail-shot-of-a-beautiful-acou-1772545156387-799b7f7d.png?_wi=1", imageAlt: "Acoustic guitar detail"}, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARAYHcycoyLEmpoLoZFpUdqzJ8/close-up-detail-shot-of-a-beautiful-acou-1772545156387-799b7f7d.png", imageAlt: "Acoustic guitar detail"}, { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARAYHcycoyLEmpoLoZFpUdqzJ8/a-home-recording-studio-for-acoustic-gui-1772545158747-96eb7a7d.png?_wi=1", imageAlt: "Home recording studio"}, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARAYHcycoyLEmpoLoZFpUdqzJ8/a-home-recording-studio-for-acoustic-gui-1772545158747-96eb7a7d.png", imageAlt: "Home recording studio"}, { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARAYHcycoyLEmpoLoZFpUdqzJ8/an-acoustic-guitar-performer-in-a-small--1772545156492-1dcdb896.png?_wi=1", imageAlt: "Live guitar performance"}, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARAYHcycoyLEmpoLoZFpUdqzJ8/an-acoustic-guitar-performer-in-a-small--1772545156492-1dcdb896.png", imageAlt: "Live guitar performance"}, ]} mediaAnimation="slide-up" ariaLabel="Hero section showcasing tech and music" @@ -91,7 +91,7 @@ export default function LandingPage() { title: "Lifelong Learner", description: "Always exploring new technologies, frameworks, and musical genres to expand my skillset", icon: BookOpen, }, ]} - imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARAYHcycoyLEmpoLoZFpUdqzJ8/a-modern-tech-workspace-with-multiple-mo-1772545156636-fb81dd48.png?_wi=2" + imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARAYHcycoyLEmpoLoZFpUdqzJ8/a-modern-tech-workspace-with-multiple-mo-1772545156636-fb81dd48.png" imageAlt="My tech workspace setup" mediaAnimation="slide-up" imagePosition="right" @@ -110,11 +110,11 @@ export default function LandingPage() { { id: "01", title: "Frontend Development", description: "React, Vue, TypeScript, Tailwind CSS - crafting responsive and interactive user interfaces", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARAYHcycoyLEmpoLoZFpUdqzJ8/a-sleek-web-application-interface-design-1772545157877-d9e4b311.png", imageAlt: "Frontend development showcase"}, { - id: "02", title: "Backend Engineering", description: "Node.js, Python, PostgreSQL, APIs - building robust server-side solutions and databases", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARAYHcycoyLEmpoLoZFpUdqzJ8/a-diverse-tech-team-collaborating-on-a-p-1772545156893-a41e6666.png?_wi=1", imageAlt: "Backend engineering team"}, + id: "02", title: "Backend Engineering", description: "Node.js, Python, PostgreSQL, APIs - building robust server-side solutions and databases", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARAYHcycoyLEmpoLoZFpUdqzJ8/a-diverse-tech-team-collaborating-on-a-p-1772545156893-a41e6666.png", imageAlt: "Backend engineering team"}, { - id: "03", title: "Music Technology", description: "Audio processing, DAW integration, music production software - bridging tech and creativity", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARAYHcycoyLEmpoLoZFpUdqzJ8/a-creative-music-production-software-or--1772545156868-f41f3418.png?_wi=1", imageAlt: "Music production interface"}, + id: "03", title: "Music Technology", description: "Audio processing, DAW integration, music production software - bridging tech and creativity", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARAYHcycoyLEmpoLoZFpUdqzJ8/a-creative-music-production-software-or--1772545156868-f41f3418.png", imageAlt: "Music production interface"}, { - id: "04", title: "DevOps & Cloud", description: "Docker, AWS, CI/CD pipelines - deploying and scaling applications efficiently", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARAYHcycoyLEmpoLoZFpUdqzJ8/an-e-commerce-or-portfolio-website-desig-1772545156831-fa64b612.png?_wi=1", imageAlt: "Cloud infrastructure"}, + id: "04", title: "DevOps & Cloud", description: "Docker, AWS, CI/CD pipelines - deploying and scaling applications efficiently", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARAYHcycoyLEmpoLoZFpUdqzJ8/an-e-commerce-or-portfolio-website-desig-1772545156831-fa64b612.png", imageAlt: "Cloud infrastructure"}, ]} gridVariant="bento-grid" animationType="slide-up" @@ -132,13 +132,13 @@ export default function LandingPage() { useInvertedBackground={false} features={[ { - id: "01", title: "Fingerstyle Compositions", description: "Original acoustic arrangements featuring complex fingerpicking patterns and harmonic depth", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARAYHcycoyLEmpoLoZFpUdqzJ8/close-up-detail-shot-of-a-beautiful-acou-1772545156387-799b7f7d.png?_wi=2", imageAlt: "Fingerstyle guitar"}, + id: "01", title: "Fingerstyle Compositions", description: "Original acoustic arrangements featuring complex fingerpicking patterns and harmonic depth", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARAYHcycoyLEmpoLoZFpUdqzJ8/close-up-detail-shot-of-a-beautiful-acou-1772545156387-799b7f7d.png", imageAlt: "Fingerstyle guitar"}, { - id: "02", title: "Live Performances", description: "Intimate acoustic sets at local venues, connecting audiences through original and cover music", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARAYHcycoyLEmpoLoZFpUdqzJ8/an-acoustic-guitar-performer-in-a-small--1772545156492-1dcdb896.png?_wi=2", imageAlt: "Live performance"}, + id: "02", title: "Live Performances", description: "Intimate acoustic sets at local venues, connecting audiences through original and cover music", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARAYHcycoyLEmpoLoZFpUdqzJ8/an-acoustic-guitar-performer-in-a-small--1772545156492-1dcdb896.png", imageAlt: "Live performance"}, { - id: "03", title: "Music Production", description: "Home studio recording and production of acoustic tracks, experimenting with layering and effects", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARAYHcycoyLEmpoLoZFpUdqzJ8/a-home-recording-studio-for-acoustic-gui-1772545158747-96eb7a7d.png?_wi=2", imageAlt: "Recording studio setup"}, + id: "03", title: "Music Production", description: "Home studio recording and production of acoustic tracks, experimenting with layering and effects", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARAYHcycoyLEmpoLoZFpUdqzJ8/a-home-recording-studio-for-acoustic-gui-1772545158747-96eb7a7d.png", imageAlt: "Recording studio setup"}, { - id: "04", title: "Continuous Learning", description: "Exploring music theory, jazz harmony, and new playing techniques to evolve as a musician", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARAYHcycoyLEmpoLoZFpUdqzJ8/a-diverse-tech-team-collaborating-on-a-p-1772545156893-a41e6666.png?_wi=2", imageAlt: "Musical collaboration"}, + id: "04", title: "Continuous Learning", description: "Exploring music theory, jazz harmony, and new playing techniques to evolve as a musician", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARAYHcycoyLEmpoLoZFpUdqzJ8/a-diverse-tech-team-collaborating-on-a-p-1772545156893-a41e6666.png", imageAlt: "Musical collaboration"}, ]} gridVariant="bento-grid-inverted" animationType="slide-up" @@ -156,11 +156,11 @@ export default function LandingPage() { useInvertedBackground={false} products={[ { - id: "1", name: "Interactive Music Learning Platform", price: "Featured Project", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARAYHcycoyLEmpoLoZFpUdqzJ8/a-creative-music-production-software-or--1772545156868-f41f3418.png?_wi=2", imageAlt: "Music learning platform"}, + id: "1", name: "Interactive Music Learning Platform", price: "Featured Project", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARAYHcycoyLEmpoLoZFpUdqzJ8/a-creative-music-production-software-or--1772545156868-f41f3418.png", imageAlt: "Music learning platform"}, { - id: "2", name: "E-Commerce Dashboard", price: "Featured Project", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARAYHcycoyLEmpoLoZFpUdqzJ8/an-e-commerce-or-portfolio-website-desig-1772545156831-fa64b612.png?_wi=2", imageAlt: "E-commerce interface"}, + id: "2", name: "E-Commerce Dashboard", price: "Featured Project", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARAYHcycoyLEmpoLoZFpUdqzJ8/an-e-commerce-or-portfolio-website-desig-1772545156831-fa64b612.png", imageAlt: "E-commerce interface"}, { - id: "3", name: "Real-Time Collaboration Tool", price: "Featured Project", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARAYHcycoyLEmpoLoZFpUdqzJ8/a-diverse-tech-team-collaborating-on-a-p-1772545156893-a41e6666.png?_wi=3", imageAlt: "Collaboration interface"}, + id: "3", name: "Real-Time Collaboration Tool", price: "Featured Project", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARAYHcycoyLEmpoLoZFpUdqzJ8/a-diverse-tech-team-collaborating-on-a-p-1772545156893-a41e6666.png", imageAlt: "Collaboration interface"}, ]} gridVariant="three-columns-all-equal-width" animationType="slide-up" @@ -225,7 +225,7 @@ export default function LandingPage() {