bender/1bc32e59-d501-4e04-b3cd-2e472e77bf45
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main

Browse Source 
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
bender
2026-03-04 20:30:07 +00:00
parent fa513d768a c4dcf7a7da
commit 4aa8e9941a
1 changed files with 32 additions and 112 deletions
Download Patch File Download Diff File Expand all files Collapse all files

144
src/app/page.tsx
View File

@@ -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() {
<NavbarStyleCentered
navItems={navItems}
button={{
text: "Get Started",
href: "/contact",
}}
text: "Get Started", href: "/contact"}}
brandName="Clean Tech"
/>
</div>
@@ -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() {
<TestimonialCardTwelve
testimonials={[
{
id: "1",
name: "Sarah Chen",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUnO7hTAR4DUTZL30lOgUKcOJI/professional-headshot-of-a-business-woma-1772656043717-6e032308.png?_wi=1",
imageAlt: "Sarah Chen",
},
id: "1", name: "Sarah Chen", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUnO7hTAR4DUTZL30lOgUKcOJI/professional-headshot-of-a-business-woma-1772656043717-6e032308.png", imageAlt: "Sarah Chen"},
{
id: "2",
name: "Michael Rodriguez",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUnO7hTAR4DUTZL30lOgUKcOJI/professional-headshot-of-a-business-man--1772656043424-0bd77ce1.png?_wi=1",
imageAlt: "Michael Rodriguez",
},
id: "2", name: "Michael Rodriguez", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUnO7hTAR4DUTZL30lOgUKcOJI/professional-headshot-of-a-business-man--1772656043424-0bd77ce1.png", imageAlt: "Michael Rodriguez"},
{
id: "3",
name: "Emily Watson",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUnO7hTAR4DUTZL30lOgUKcOJI/professional-headshot-of-a-business-woma-1772656043702-0cb9a490.png?_wi=1",
imageAlt: "Emily Watson",
},
id: "3", name: "Emily Watson", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUnO7hTAR4DUTZL30lOgUKcOJI/professional-headshot-of-a-business-woma-1772656043702-0cb9a490.png", imageAlt: "Emily Watson"},
{
id: "4",
name: "James Patterson",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUnO7hTAR4DUTZL30lOgUKcOJI/professional-headshot-of-a-business-man--1772656043990-69507e5c.png?_wi=1",
imageAlt: "James Patterson",
},
id: "4", name: "James Patterson", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUnO7hTAR4DUTZL30lOgUKcOJI/professional-headshot-of-a-business-man--1772656043990-69507e5c.png", imageAlt: "James Patterson"},
{
id: "5",
name: "Lisa Johnson",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUnO7hTAR4DUTZL30lOgUKcOJI/professional-headshot-of-a-business-woma-1772656043964-0a6b7615.png",
imageAlt: "Lisa Johnson",
},
id: "5", name: "Lisa Johnson", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUnO7hTAR4DUTZL30lOgUKcOJI/professional-headshot-of-a-business-woma-1772656043964-0a6b7615.png", imageAlt: "Lisa Johnson"},
{
id: "6",
name: "David Kim",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUnO7hTAR4DUTZL30lOgUKcOJI/professional-headshot-of-a-business-man--1772656043481-85ec205d.png",
imageAlt: "David Kim",
},
id: "6", name: "David Kim", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUnO7hTAR4DUTZL30lOgUKcOJI/professional-headshot-of-a-business-man--1772656043481-85ec205d.png", imageAlt: "David Kim"},
]}
cardTitle="Trusted by 500+ businesses who've transformed their online presence with Clean Tech"
cardTag="Client Success Stories"
@@ -242,35 +188,17 @@ export default function HomePage() {
faqsAnimation="slide-up"
faqs={[
{
id: "1",
title: "How long does a typical website project take?",
content: "Project timelines vary based on complexity and scope. A standard business website typically takes 6-12 weeks from discovery to launch. More complex applications may take 3-6 months. We'll provide a detailed timeline during your initial consultation.",
},
id: "1", title: "How long does a typical website project take?", content: "Project timelines vary based on complexity and scope. A standard business website typically takes 6-12 weeks from discovery to launch. More complex applications may take 3-6 months. We'll provide a detailed timeline during your initial consultation."},
{
id: "2",
title: "What is your process for web development?",
content: "Our process includes: Discovery & Strategy, Design & Prototyping, Development & Testing, Launch & Optimization, and Ongoing Support. We maintain clear communication throughout and involve you at each stage.",
},
id: "2", title: "What is your process for web development?", content: "Our process includes: Discovery & Strategy, Design & Prototyping, Development & Testing, Launch & Optimization, and Ongoing Support. We maintain clear communication throughout and involve you at each stage."},
{
id: "3",
title: "Do you provide ongoing maintenance and support?",
content: "Yes! We offer comprehensive support packages including security updates, performance monitoring, content updates, and technical support. Most of our clients are on long-term maintenance plans.",
},
id: "3", title: "Do you provide ongoing maintenance and support?", content: "Yes! We offer comprehensive support packages including security updates, performance monitoring, content updates, and technical support. Most of our clients are on long-term maintenance plans."},
{
id: "4",
title: "What technologies do you work with?",
content: "We specialize in modern web technologies including React, Next.js, Node.js, TypeScript, and more. We choose the right tech stack based on your specific needs and business goals.",
},
id: "4", title: "What technologies do you work with?", content: "We specialize in modern web technologies including React, Next.js, Node.js, TypeScript, and more. We choose the right tech stack based on your specific needs and business goals."},
{
id: "5",
title: "Can you help with SEO?",
content: "Absolutely! SEO is built into our development process. We follow best practices for site speed, mobile optimization, structured data, and content optimization to ensure your website ranks well in search engines.",
},
id: "5", title: "Can you help with SEO?", content: "Absolutely! SEO is built into our development process. We follow best practices for site speed, mobile optimization, structured data, and content optimization to ensure your website ranks well in search engines."},
{
id: "6",
title: "How much does a website cost?",
content: "Pricing depends on your project's scope and requirements. Simple websites start around $5K, while complex applications can range from $20K-$100K+. We provide custom quotes after understanding your needs.",
},
id: "6", title: "How much does a website cost?", content: "Pricing depends on your project's scope and requirements. Simple websites start around $5K, while complex applications can range from $20K-$100K+. We provide custom quotes after understanding your needs."},
]}
/>
</div>
@@ -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"},
]}
/>
</div>