bender/7a780306-fa06-4890-b910-e106dc4469a2
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

8 Commits
version_1 ... version_3

Author SHA1 Message Date
bender
4f3676627b Update theme colors 2026-03-04 13:45:05 +00:00
bender
e68c889f51 Update theme colors 2026-03-04 13:40:07 +00:00
bender
ef3cfdde4e Update src/app/page.tsx 2026-03-04 13:29:11 +00:00
bender
84e7f3ab93 Update src/app/layout.tsx 2026-03-04 13:29:10 +00:00
bender
f653d50a44 Merge version_2 into main 
Merge version_2 into main
 2026-03-04 13:23:31 +00:00
bender
b96ebac855 Update src/app/page.tsx 2026-03-04 13:23:27 +00:00
bender
17e7c3befa Update src/app/layout.tsx 2026-03-04 13:23:26 +00:00
bender
d1b5117ded Merge version_1 into main 
Merge version_1 into main
 2026-03-04 13:10:55 +00:00
3 changed files with 28 additions and 55 deletions
Expand all files Collapse all files

44
src/app/layout.tsx
View File

@@ -1,49 +1,20 @@
import type { Metadata } from "next";
import { Open_Sans } from "next/font/google";
import { Halant } from "next/font/google";
import { Inter } from "next/font/google";
import "./globals.css";
import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag";
const openSans = Open_Sans({
variable: "--font-open-sans", subsets: ["latin"],
});
const halant = Halant({
variable: "--font-halant", subsets: ["latin"],
weight: ["300", "400", "500", "600", "700"],
});
const inter = Inter({
variable: "--font-inter", subsets: ["latin"],
});
const inter = Inter({ subsets: ["latin"] });
export const metadata: Metadata = {
title: "WebiSecured | Professional Web Design for Local Businesses", description: "Custom web design services for local businesses. Stunning websites that attract customers and drive growth. SEO-optimized, mobile-friendly, built to convert.", keywords: "web design, local business websites, professional website design, small business web design, SEO-friendly websites, custom website design", robots: {
index: true,
follow: true,
},
openGraph: {
title: "WebiSecured | Professional Web Design for Local Businesses", description: "Custom web design services for local businesses. Stunning websites that attract customers and drive growth.", type: "website", siteName: "WebiSecured"},
twitter: {
card: "summary_large_image", title: "WebiSecured | Professional Web Design for Local Businesses", description: "Custom web design services for local businesses. Stunning websites that attract customers and drive growth."},
};
title: "WebiSecured - Professional Web Design for Local Businesses", description: "Get more customers online with stunning, conversion-optimized websites designed for local businesses."};
export default function RootLayout({
children,
}: Readonly<{
}: {
children: React.ReactNode;
}>) {
}) {
return (
<html lang="en" suppressHydrationWarning>
<ServiceWrapper>
<body
className={`${openSans.variable} ${halant.variable} ${inter.variable} antialiased`}
>
<Tag />
{children}
<html lang="en">
<body className={inter.className}>{children}
<script
dangerouslySetInnerHTML={{
__html: `
@@ -1411,7 +1382,6 @@ export default function RootLayout({
}}
/>
</body>
</ServiceWrapper>
</html>
);
}
}

7
src/app/page.tsx
View File

@@ -45,7 +45,7 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplitTestimonial
title="Professional Websites That Attract Customers"
title="Get More Customers Online in 30 Days"
description="We create stunning, conversion-optimized websites designed specifically for local businesses. Stand out online and watch your customer base grow."
tag="Web Design Agency"
tagIcon={Sparkles}
@@ -229,6 +229,9 @@ export default function LandingPage() {
id: "6", title: "Do you create mobile-friendly websites?", content: "Every website we create is mobile-first responsive design. Your site will look and work perfectly on phones, tablets, and desktops."
}
]}
buttons={[
{ text: "Ready to Get Started?", href: "#contact" }
]}
/>
</div>
@@ -285,4 +288,4 @@ export default function LandingPage() {
</div>
</ThemeProvider>
);
}
}

32
src/app/styles/variables.css
View File

@@ -2,23 +2,23 @@
/* Base units */
/* --vw is set by ThemeProvider */
/* --background: #ffffff;;
--card: #f9f9f9;;
--foreground: #120a00e6;;
--primary-cta: #E34400;;
--secondary-cta: #f9f9f9;;
--accent: #e2e2e2;;
--background-accent: #E34400;; */
/* --background: #010912;;;;
--card: #152840;;;;
--foreground: #e6f0ff;;;;
--primary-cta: #cee7ff;;;;
--secondary-cta: #0e1a29;;;;
--accent: #3f5c79;;;;
--background-accent: #004a93;;;; */
--background: #ffffff;;
--card: #f9f9f9;;
--foreground: #120a00e6;;
--primary-cta: #E34400;;
--primary-cta-text: #ffffff;;
--secondary-cta: #f9f9f9;;
--secondary-cta-text: #120a00e6;;
--accent: #e2e2e2;;
--background-accent: #E34400;;
--background: #010912;;;;
--card: #152840;;;;
--foreground: #e6f0ff;;;;
--primary-cta: #cee7ff;;;;
--primary-cta-text: #010912;;;;
--secondary-cta: #0e1a29;;;;
--secondary-cta-text: #ffffff;;;;
--accent: #3f5c79;;;;
--background-accent: #004a93;;;;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);