diff --git a/src/app/page.tsx b/src/app/page.tsx index 2906de3..982ab62 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -39,7 +39,7 @@ export default function HomePage() { borderRadius="pill" contentWidth="mediumLarge" sizing="mediumLarge" - background="noise" + background="circleGradient" cardStyle="layered-gradient" primaryButtonStyle="flat" secondaryButtonStyle="layered" @@ -49,9 +49,7 @@ export default function HomePage() { @@ -63,7 +61,7 @@ export default function HomePage() { tag="Web Development" tagIcon={Rocket} tagAnimation="slide-up" - background={{ variant: "noise" }} + background={{ variant: "glowing-orb" }} imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUnO7hTAR4DUTZL30lOgUKcOJI/a-modern-software-dashboard-interface-sh-1772656046259-dd77da7a.png" imageAlt="Clean Tech dashboard interface" imagePosition="right" @@ -105,36 +103,24 @@ export default function HomePage() { features={[ { id: 1, - title: "Custom Web Design", - description: "Beautiful, responsive websites designed specifically for your brand and audience.", - phoneOne: { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUnO7hTAR4DUTZL30lOgUKcOJI/a-smartphone-mockup-displaying-a-modern--1772656044573-5d6a68f7.png?_wi=1", - }, + title: "Custom Web Design", description: "Beautiful, responsive websites designed specifically for your brand and audience.", phoneOne: { + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUnO7hTAR4DUTZL30lOgUKcOJI/a-smartphone-mockup-displaying-a-modern--1772656044573-5d6a68f7.png"}, phoneTwo: { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUnO7hTAR4DUTZL30lOgUKcOJI/another-smartphone-display-showing-a-bea-1772656044937-2fce6bab.png?_wi=1", - }, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUnO7hTAR4DUTZL30lOgUKcOJI/another-smartphone-display-showing-a-bea-1772656044937-2fce6bab.png"}, }, { id: 2, - title: "Full-Stack Development", - description: "Robust, scalable web applications built with the latest technologies and best practices.", - phoneOne: { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUnO7hTAR4DUTZL30lOgUKcOJI/a-developer-s-workspace-showing-code-edi-1772656045133-8eed1e53.png?_wi=1", - }, + title: "Full-Stack Development", description: "Robust, scalable web applications built with the latest technologies and best practices.", phoneOne: { + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUnO7hTAR4DUTZL30lOgUKcOJI/a-developer-s-workspace-showing-code-edi-1772656045133-8eed1e53.png"}, phoneTwo: { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUnO7hTAR4DUTZL30lOgUKcOJI/a-smartphone-mockup-showing-a-full-stack-1772656045624-194a87d6.png?_wi=1", - }, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUnO7hTAR4DUTZL30lOgUKcOJI/a-smartphone-mockup-showing-a-full-stack-1772656045624-194a87d6.png"}, }, { id: 3, - title: "E-Commerce Solutions", - description: "Complete online stores with secure payment processing and inventory management.", - phoneOne: { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUnO7hTAR4DUTZL30lOgUKcOJI/a-smartphone-mockup-displaying-an-e-comm-1772656044591-00be9f4c.png?_wi=1", - }, + title: "E-Commerce Solutions", description: "Complete online stores with secure payment processing and inventory management.", phoneOne: { + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUnO7hTAR4DUTZL30lOgUKcOJI/a-smartphone-mockup-displaying-an-e-comm-1772656044591-00be9f4c.png"}, phoneTwo: { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUnO7hTAR4DUTZL30lOgUKcOJI/another-smartphone-view-showing-an-e-com-1772656044552-81feacb7.png?_wi=1", - }, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUnO7hTAR4DUTZL30lOgUKcOJI/another-smartphone-view-showing-an-e-com-1772656044552-81feacb7.png"}, }, ]} /> @@ -153,32 +139,16 @@ export default function HomePage() { gridVariant="uniform-all-items-equal" metrics={[ { - id: "1", - value: "500+", - title: "Projects Completed", - description: "Successful websites and applications delivered", - icon: Zap, + id: "1", value: "500+", title: "Projects Completed", description: "Successful websites and applications delivered", icon: Zap, }, { - id: "2", - value: "98%", - title: "Client Satisfaction", - description: "Average satisfaction rating across all projects", - icon: Star, + id: "2", value: "98%", title: "Client Satisfaction", description: "Average satisfaction rating across all projects", icon: Star, }, { - id: "3", - value: "7 Years", - title: "Industry Experience", - description: "Building quality web solutions since 2018", - icon: Award, + id: "3", value: "7 Years", title: "Industry Experience", description: "Building quality web solutions since 2018", icon: Award, }, { - id: "4", - value: "45+", - title: "Team Members", - description: "Talented designers and developers", - icon: Users, + id: "4", value: "45+", title: "Team Members", description: "Talented designers and developers", icon: Users, }, ]} /> @@ -188,41 +158,17 @@ export default function HomePage() { @@ -282,24 +210,16 @@ export default function HomePage() { socialLinks={[ { icon: Twitter, - href: "https://twitter.com/cleantech", - ariaLabel: "Twitter", - }, + href: "https://twitter.com/cleantech", ariaLabel: "Twitter"}, { icon: Linkedin, - href: "https://linkedin.com/company/cleantech", - ariaLabel: "LinkedIn", - }, + href: "https://linkedin.com/company/cleantech", ariaLabel: "LinkedIn"}, { icon: Github, - href: "https://github.com/cleantech", - ariaLabel: "GitHub", - }, + href: "https://github.com/cleantech", ariaLabel: "GitHub"}, { icon: Mail, - href: "mailto:hello@cleantech.com", - ariaLabel: "Email", - }, + href: "mailto:hello@cleantech.com", ariaLabel: "Email"}, ]} />