Compare commits
8 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| a14821d4eb | |||
| c8cc81dc4e | |||
| 40e4f6f271 | |||
| 6e5bf7ec2d | |||
| 88658e83e2 | |||
| c8214a4804 | |||
| 4aa8e9941a | |||
| fa513d768a |
@@ -1,75 +1,29 @@
|
|||||||
import type { Metadata } from "next";
|
import type { Metadata } from "next";
|
||||||
import { Halant } from "next/font/google";
|
import { Geist, Geist_Mono } from "next/font/google";
|
||||||
import { Inter } from "next/font/google";
|
|
||||||
import { Open_Sans } from "next/font/google";
|
|
||||||
import "./globals.css";
|
import "./globals.css";
|
||||||
import { ServiceWrapper } from "@/components/ServiceWrapper";
|
|
||||||
import Tag from "@/tag/Tag";
|
|
||||||
|
|
||||||
const halant = Halant({
|
const geist = Geist({
|
||||||
variable: "--font-halant",
|
variable: "--font-geist-sans", subsets: ["latin"],
|
||||||
subsets: ["latin"],
|
|
||||||
weight: ["300", "400", "500", "600", "700"],
|
|
||||||
});
|
});
|
||||||
|
|
||||||
const inter = Inter({
|
const geistMono = Geist_Mono({
|
||||||
variable: "--font-inter",
|
variable: "--font-geist-mono", subsets: ["latin"],
|
||||||
subsets: ["latin"],
|
|
||||||
});
|
|
||||||
|
|
||||||
const openSans = Open_Sans({
|
|
||||||
variable: "--font-open-sans",
|
|
||||||
subsets: ["latin"],
|
|
||||||
});
|
});
|
||||||
|
|
||||||
export const metadata: Metadata = {
|
export const metadata: Metadata = {
|
||||||
title: "Clean Tech - Professional Business Website Builder",
|
title: "Create Next App", description: "Generated by create next app"
|
||||||
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,
|
|
||||||
},
|
|
||||||
};
|
};
|
||||||
|
|
||||||
export default function RootLayout({
|
export default function RootLayout({
|
||||||
children,
|
children,
|
||||||
}: Readonly<{
|
}: {
|
||||||
children: React.ReactNode;
|
children: React.ReactNode;
|
||||||
}>) {
|
}) {
|
||||||
return (
|
return (
|
||||||
<html lang="en" suppressHydrationWarning>
|
<html lang="en">
|
||||||
<ServiceWrapper>
|
<body className={`${geist.variable} ${geistMono.variable} antialiased`}>
|
||||||
<body
|
{children}
|
||||||
className={`${halant.variable} ${inter.variable} ${openSans.variable} antialiased`}
|
|
||||||
>
|
|
||||||
<Tag />
|
|
||||||
{children}
|
|
||||||
|
|
||||||
<script
|
<script
|
||||||
dangerouslySetInnerHTML={{
|
dangerouslySetInnerHTML={{
|
||||||
__html: `
|
__html: `
|
||||||
@@ -1437,7 +1391,6 @@ export default function RootLayout({
|
|||||||
}}
|
}}
|
||||||
/>
|
/>
|
||||||
</body>
|
</body>
|
||||||
</ServiceWrapper>
|
|
||||||
</html>
|
</html>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -49,7 +49,8 @@ export default function HomePage() {
|
|||||||
<NavbarStyleCentered
|
<NavbarStyleCentered
|
||||||
navItems={navItems}
|
navItems={navItems}
|
||||||
button={{
|
button={{
|
||||||
text: "Get Started", href: "/contact"}}
|
text: "Get Started", href: "/contact"
|
||||||
|
}}
|
||||||
brandName="Clean Tech"
|
brandName="Clean Tech"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -104,23 +105,29 @@ export default function HomePage() {
|
|||||||
{
|
{
|
||||||
id: 1,
|
id: 1,
|
||||||
title: "Custom Web Design", description: "Beautiful, responsive websites designed specifically for your brand and audience.", phoneOne: {
|
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: {
|
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,
|
id: 2,
|
||||||
title: "Full-Stack Development", description: "Robust, scalable web applications built with the latest technologies and best practices.", phoneOne: {
|
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: {
|
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,
|
id: 3,
|
||||||
title: "E-Commerce Solutions", description: "Complete online stores with secure payment processing and inventory management.", phoneOne: {
|
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: {
|
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
|
<TestimonialCardTwelve
|
||||||
testimonials={[
|
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"
|
cardTitle="Trusted by 500+ businesses who've transformed their online presence with Clean Tech"
|
||||||
cardTag="Client Success Stories"
|
cardTag="Client Success Stories"
|
||||||
@@ -188,17 +201,23 @@ export default function HomePage() {
|
|||||||
faqsAnimation="slide-up"
|
faqsAnimation="slide-up"
|
||||||
faqs={[
|
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>
|
</div>
|
||||||
@@ -210,19 +229,23 @@ export default function HomePage() {
|
|||||||
socialLinks={[
|
socialLinks={[
|
||||||
{
|
{
|
||||||
icon: Twitter,
|
icon: Twitter,
|
||||||
href: "https://twitter.com/cleantech", ariaLabel: "Twitter"},
|
href: "https://twitter.com/cleantech", ariaLabel: "Twitter"
|
||||||
|
},
|
||||||
{
|
{
|
||||||
icon: Linkedin,
|
icon: Linkedin,
|
||||||
href: "https://linkedin.com/company/cleantech", ariaLabel: "LinkedIn"},
|
href: "https://linkedin.com/company/cleantech", ariaLabel: "LinkedIn"
|
||||||
|
},
|
||||||
{
|
{
|
||||||
icon: Github,
|
icon: Github,
|
||||||
href: "https://github.com/cleantech", ariaLabel: "GitHub"},
|
href: "https://github.com/cleantech", ariaLabel: "GitHub"
|
||||||
|
},
|
||||||
{
|
{
|
||||||
icon: Mail,
|
icon: Mail,
|
||||||
href: "mailto:hello@cleantech.com", ariaLabel: "Email"},
|
href: "mailto:hello@cleantech.com", ariaLabel: "Email"
|
||||||
|
},
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user