Update src/app/page.tsx

Update src/app/styles/variables.css
Update src/app/styles/base.css
2026-03-04 12:41:58 +00:00 · 2026-03-04 12:40:25 +00:00 · 2026-03-04 12:40:24 +00:00 · 2026-03-04 12:40:24 +00:00 · 2026-03-04 12:40:23 +00:00 · 2026-03-04 12:36:22 +00:00
4 changed files with 39 additions and 68 deletions
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,53 +1,25 @@
 import type { Metadata } from "next";
-import { Mulish } from "next/font/google";
-import { Inter } from "next/font/google";
+import { Poppins } from "next/font/google";
 import "./globals.css";
-import { ServiceWrapper } from "@/components/ServiceWrapper";
-import Tag from "@/tag/Tag";

-const mulish = Mulish({
-  variable: "--font-mulish",  subsets: ["latin"],
-});
-
-const inter = Inter({
-  variable: "--font-inter",  subsets: ["latin"],
+const poppins = Poppins({
+  variable: "--font-poppins",  subsets: ["latin"],
+  weight: ["100", "200", "300", "400", "500", "600", "700", "800", "900"],
 });

 export const metadata: Metadata = {
-  title: "Turkish Barbers | Premium Barbering in Westbury, Wiltshire",  description: "Authentic Turkish barbering tradition in Westbury. Expert haircuts, beard grooming, and hot towel shaves from skilled barbers with 20+ years of experience.",  keywords: "barber shop Westbury, Turkish barbering, haircuts, beard grooming, men's grooming, professional barber",  metadataBase: new URL("https://turkishbarbers.co.uk"),
-  alternates: {
-    canonical: "https://turkishbarbers.co.uk"
-  },
-  openGraph: {
-    title: "Turkish Barbers | Premium Barbering in Westbury",    description: "Experience authentic Turkish barbering craftsmanship in Westbury, Wiltshire",    url: "https://turkishbarbers.co.uk",    siteName: "Turkish Barbers",    type: "website",    images: [
-      {
-        url: "http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work_627829-7279.jpg",        alt: "Turkish Barbers storefront"
-      }
-    ]
-  },
-  twitter: {
-    card: "summary_large_image",    title: "Turkish Barbers | Premium Barbering in Westbury",    description: "Authentic Turkish barbering in Westbury, Wiltshire",    images: ["http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work_627829-7279.jpg"]
-  },
-  robots: {
-    index: true,
-    follow: true
-  }
-};
+  title: "Turkish Barbers - Premium Barbering in Westbury",  description: "Experience authentic Turkish barbering tradition with premium craftsmanship in Westbury. Expert barbers, traditional techniques, modern styles."};

 export default function RootLayout({
  children,
-}: Readonly<{
+}: {
  children: React.ReactNode;
-}>) {
+}) {
  return (
-    <html lang="en" suppressHydrationWarning>
-      <ServiceWrapper>
-        <body
-          className={`${mulish.variable} ${inter.variable} antialiased`}
-        >
-          <Tag />
-          {children}
-        
+    <html lang="en">
+      <body className={poppins.variable}>
+        {children}
+      
        <script
          dangerouslySetInnerHTML={{
            __html: `
@@ -1415,7 +1387,6 @@ export default function RootLayout({
          }}
        />
      </body>
-      </ServiceWrapper>
    </html>
  );
 }
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -13,16 +13,16 @@ import { Scissors, Zap, CheckCircle, Star } from "lucide-react";
 export default function LandingPage() {
  return (
    <ThemeProvider
-      defaultButtonVariant="hover-bubble"
-      defaultTextAnimation="background-highlight"
-      borderRadius="rounded"
-      contentWidth="compact"
+      defaultButtonVariant="hover-magnetic"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="pill"
+      contentWidth="mediumLarge"
      sizing="largeSizeMediumTitles"
      background="circleGradient"
-      cardStyle="layered-gradient"
-      primaryButtonStyle="double-inset"
-      secondaryButtonStyle="glass"
-      headingFontWeight="medium"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="layered"
+      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
@@ -42,7 +42,7 @@ export default function LandingPage() {
        <HeroLogoBillboardSplit
          logoText="TURKISH\nBARBERS"
          description="Premium Turkish barbering tradition meets modern craftsmanship. Experience authentic grooming excellence in Westbury."
-          background={{ variant: "plain" }}
+          background={{ variant: "glowing-orb" }}
          buttons={[
            { text: "Book Now", href: "#contact" },
            { text: "Learn More", href: "#about" }
@@ -111,7 +111,7 @@ export default function LandingPage() {
          tag="Services"
          tagIcon={Zap}
          textboxLayout="default"
-          animationType="slide-up"
+          animationType="blur-reveal"
          useInvertedBackground={false}
        />
      </div>
@@ -141,7 +141,7 @@ export default function LandingPage() {
            { value: "500+", label: "Happy Clients" },
            { value: "15+", label: "Years Experience" }
          ]}
-          animationType="slide-up"
+          animationType="depth-3d"
          title="What Our Clients Say"
          description="Real experiences from satisfied customers in Westbury and surrounding areas"
          tag="Testimonials"
@@ -154,13 +154,13 @@ export default function LandingPage() {

      <div id="contact" data-section="contact">
        <ContactText
-          text="Ready to experience authentic Turkish barbering? Book your appointment today and discover the difference premium craftsmanship makes."
-          animationType="entrance-slide"
+          text="Limited availability this week—reserve your slot now for premium Turkish barbering. Book today to secure your appointment."
+          animationType="reveal-blur"
          buttons={[
            { text: "Book Appointment", href: "tel:+441373-XXX-XXX" },
            { text: "Get Directions", href: "https://maps.google.com/?q=Turkish+Barbers+Westbury+Wiltshire" }
          ]}
-          background={{ variant: "plain" }}
+          background={{ variant: "radial-gradient" }}
          useInvertedBackground={false}
        />
      </div>
--- a/src/app/styles/base.css
+++ b/src/app/styles/base.css
@@ -11,7 +11,7 @@ html {
 body {
  background-color: var(--background);
  color: var(--foreground);
-  font-family: var(--font-inter), sans-serif;
+  font-family: var(--font-poppins), sans-serif;
  position: relative;
  min-height: 100vh;
  overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-mulish), sans-serif;
+  font-family: var(--font-poppins), sans-serif;
 }
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -2,23 +2,23 @@
  /* Base units */
  /* --vw is set by ThemeProvider */

-  /* --background: #f5f5f5;;
+  /* --background: #f5f4f0;;
  --card: #ffffff;;
-  --foreground: #1c1c1c;;
-  --primary-cta: #1f514c;;
-  --secondary-cta: #ffffff;;
-  --accent: #159c49;;
-  --background-accent: #a8e8ba;; */
+  --foreground: #1a1a1a;;
+  --primary-cta: #2c2c2c;;
+  --secondary-cta: #f5f4f0;;
+  --accent: #8a8a8a;;
+  --background-accent: #e8e6e1;; */

-  --background: #f5f5f5;;
+  --background: #f5f4f0;;
  --card: #ffffff;;
-  --foreground: #1c1c1c;;
-  --primary-cta: #1f514c;;
+  --foreground: #1a1a1a;;
+  --primary-cta: #2c2c2c;;
  --primary-cta-text: #f5f5f5;;
-  --secondary-cta: #ffffff;;
+  --secondary-cta: #f5f4f0;;
  --secondary-cta-text: #1c1c1c;;
-  --accent: #159c49;;
-  --background-accent: #a8e8ba;;
+  --accent: #8a8a8a;;
+  --background-accent: #e8e6e1;;

  /* text sizing - set by ThemeProvider */
  /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
Author	SHA1	Message	Date
bender	0087731575	Update src/app/page.tsx	2026-03-04 12:41:58 +00:00
bender	356b80427e	Update src/app/styles/variables.css	2026-03-04 12:40:25 +00:00
bender	83dfb7c7ee	Update src/app/styles/base.css	2026-03-04 12:40:24 +00:00
bender	887d072082	Update src/app/page.tsx	2026-03-04 12:40:24 +00:00
bender	46346a0d33	Update src/app/layout.tsx	2026-03-04 12:40:23 +00:00
bender	2d75c4610f	Merge version_2 into main Merge version_2 into main	2026-03-04 12:36:22 +00:00
bender	5362fb7070	Update src/app/page.tsx	2026-03-04 12:36:17 +00:00
bender	69e78ed4e3	Update src/app/layout.tsx	2026-03-04 12:36:17 +00:00
bender	1b0de0b600	Merge version_1 into main Merge version_1 into main	2026-03-04 12:34:58 +00:00
bender	6077d033a8	Merge version_1 into main Merge version_1 into main	2026-03-04 12:34:02 +00:00
bender	54c42944d8	Merge version_1 into main Merge version_1 into main	2026-03-04 12:32:10 +00:00