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"},
]}
/>