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

Compare commits

merge into: bender:version_1
Branches Tags
bender:main bender:version_3 bender:version_2 bender:version_1
...
pull from: bender:version_3
Branches Tags
bender:main bender:version_3 bender:version_2 bender:version_1

7 Commits
version_1 ... version_3

Author SHA1 Message Date
bender
c8cc81dc4e Update src/app/page.tsx 2026-03-04 20:35:47 +00:00
bender
40e4f6f271 Update src/app/layout.tsx 2026-03-04 20:35:47 +00:00
bender
6e5bf7ec2d Merge version_2 into main 
Merge version_2 into main
 2026-03-04 20:32:23 +00:00
bender
88658e83e2 Update src/app/page.tsx 2026-03-04 20:32:19 +00:00
bender
c8214a4804 Update src/app/layout.tsx 2026-03-04 20:32:18 +00:00
bender
4aa8e9941a Merge version_1 into main 
Merge version_1 into main
 2026-03-04 20:30:07 +00:00
bender
fa513d768a Merge version_1 into main 
Merge version_1 into main
 2026-03-04 20:28:47 +00:00
2 changed files with 60 additions and 84 deletions
Expand all files Collapse all files

73
src/app/layout.tsx
View File

@@ -1,75 +1,29 @@
import type { Metadata } from "next";
import { Halant } from "next/font/google";
import { Inter } from "next/font/google";
import { Open_Sans } from "next/font/google";
import { Geist, Geist_Mono } from "next/font/google";
import "./globals.css";
import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag";
const halant = Halant({
variable: "--font-halant",
subsets: ["latin"],
weight: ["300", "400", "500", "600", "700"],
const geist = Geist({
variable: "--font-geist-sans", subsets: ["latin"],
});
const inter = Inter({
variable: "--font-inter",
subsets: ["latin"],
});
const openSans = Open_Sans({
variable: "--font-open-sans",
subsets: ["latin"],
const geistMono = Geist_Mono({
variable: "--font-geist-mono", subsets: ["latin"],
});
export const metadata: Metadata = {
title: "Clean Tech - Professional Business Website Builder",
description: "Transform your business with custom web design and development. Clean Tech builds stunning, high-performance websites that drive growth and convert visitors.",
keywords: "web design, web development, business website, custom website builder, digital solutions",
metadataBase: new URL("https://cleantech.com"),
alternates: {
canonical: "https://cleantech.com",
},
openGraph: {
title: "Clean Tech - Professional Business Website Builder",
description: "Transform your business with custom web design and development services.",
siteName: "Clean Tech",
type: "website",
images: [
{
url: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUnO7hTAR4DUTZL30lOgUKcOJI/a-modern-software-dashboard-interface-sh-1772656046259-dd77da7a.png",
alt: "Clean Tech website builder interface",
},
],
},
twitter: {
card: "summary_large_image",
title: "Clean Tech - Professional Business Website Builder",
description: "Transform your business with custom web design and development.",
images: [
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUnO7hTAR4DUTZL30lOgUKcOJI/a-modern-software-dashboard-interface-sh-1772656046259-dd77da7a.png",
],
},
robots: {
index: true,
follow: true,
},
title: "Create Next App", description: "Generated by create next app"
};
export default function RootLayout({
children,
}: Readonly<{
}: {
children: React.ReactNode;
}>) {
}) {
return (
<html lang="en" suppressHydrationWarning>
<ServiceWrapper>
<body
className={`${halant.variable} ${inter.variable} ${openSans.variable} antialiased`}
>
<Tag />
{children}
<html lang="en">
<body className={`${geist.variable} ${geistMono.variable} antialiased`}>
{children}
<script
dangerouslySetInnerHTML={{
__html: `
@@ -1437,7 +1391,6 @@ export default function RootLayout({
}}
/>
</body>
</ServiceWrapper>
</html>
);
}
}

71
src/app/page.tsx
View File

@@ -49,7 +49,8 @@ export default function HomePage() {
<NavbarStyleCentered
navItems={navItems}
button={{
text: "Get Started", href: "/contact"}}
text: "Get Started", href: "/contact"
}}
brandName="Clean Tech"
/>
</div>
@@ -104,23 +105,29 @@ export default function HomePage() {
{
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"},
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"},
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"},
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"},
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"},
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"},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUnO7hTAR4DUTZL30lOgUKcOJI/another-smartphone-view-showing-an-e-com-1772656044552-81feacb7.png"
},
},
]}
/>
@@ -158,17 +165,23 @@ 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", 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", 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", 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", 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"
@@ -188,17 +201,23 @@ 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: "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: "2", 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: "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: "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: "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: "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: "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: "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: "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: "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."
},
]}
/>
</div>
@@ -210,19 +229,23 @@ 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>
</ThemeProvider>
);
}
}