bender/1fed3064-46d7-4f5f-8dba-ccc3ff010911
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

merge into: bender:version_2
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

6 Commits
version_2 ... version_3

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
4 changed files with 34 additions and 28 deletions
Expand all files Collapse all files

8
src/app/layout.tsx
View File

@@ -1,6 +1,12 @@
import type { Metadata } from "next"; import type { Metadata } from "next";
import { Poppins } from "next/font/google";
import "./globals.css"; import "./globals.css";
const poppins = Poppins({
variable: "--font-poppins", subsets: ["latin"],
weight: ["100", "200", "300", "400", "500", "600", "700", "800", "900"],
});
export const metadata: Metadata = { export const metadata: Metadata = {
title: "Turkish Barbers - Premium Barbering in Westbury", description: "Experience authentic Turkish barbering tradition with premium craftsmanship in Westbury. Expert barbers, traditional techniques, modern styles."}; title: "Turkish Barbers - Premium Barbering in Westbury", description: "Experience authentic Turkish barbering tradition with premium craftsmanship in Westbury. Expert barbers, traditional techniques, modern styles."};
@@ -11,7 +17,7 @@ export default function RootLayout({
}) { }) {
return ( return (
<html lang="en"> <html lang="en">
<body> <body className={poppins.variable}>
{children} {children}
<script <script

26
src/app/page.tsx
View File

@@ -13,16 +13,16 @@ import { Scissors, Zap, CheckCircle, Star } from "lucide-react";
export default function LandingPage() { export default function LandingPage() {
return ( return (
<ThemeProvider <ThemeProvider
defaultButtonVariant="hover-bubble" defaultButtonVariant="hover-magnetic"
defaultTextAnimation="background-highlight" defaultTextAnimation="entrance-slide"
borderRadius="rounded" borderRadius="pill"
contentWidth="compact" contentWidth="mediumLarge"
sizing="largeSizeMediumTitles" sizing="largeSizeMediumTitles"
background="circleGradient" background="circleGradient"
cardStyle="layered-gradient" cardStyle="glass-elevated"
primaryButtonStyle="double-inset" primaryButtonStyle="gradient"
secondaryButtonStyle="glass" secondaryButtonStyle="layered"
headingFontWeight="medium" headingFontWeight="bold"
> >
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarLayoutFloatingInline <NavbarLayoutFloatingInline
@@ -42,7 +42,7 @@ export default function LandingPage() {
<HeroLogoBillboardSplit <HeroLogoBillboardSplit
logoText="TURKISH\nBARBERS" logoText="TURKISH\nBARBERS"
description="Premium Turkish barbering tradition meets modern craftsmanship. Experience authentic grooming excellence in Westbury." description="Premium Turkish barbering tradition meets modern craftsmanship. Experience authentic grooming excellence in Westbury."
background={{ variant: "plain" }} background={{ variant: "glowing-orb" }}
buttons={[ buttons={[
{ text: "Book Now", href: "#contact" }, { text: "Book Now", href: "#contact" },
{ text: "Learn More", href: "#about" } { text: "Learn More", href: "#about" }
@@ -111,7 +111,7 @@ export default function LandingPage() {
tag="Services" tag="Services"
tagIcon={Zap} tagIcon={Zap}
textboxLayout="default" textboxLayout="default"
animationType="slide-up" animationType="blur-reveal"
useInvertedBackground={false} useInvertedBackground={false}
/> />
</div> </div>
@@ -141,7 +141,7 @@ export default function LandingPage() {
{ value: "500+", label: "Happy Clients" }, { value: "500+", label: "Happy Clients" },
{ value: "15+", label: "Years Experience" } { value: "15+", label: "Years Experience" }
]} ]}
animationType="slide-up" animationType="depth-3d"
title="What Our Clients Say" title="What Our Clients Say"
description="Real experiences from satisfied customers in Westbury and surrounding areas" description="Real experiences from satisfied customers in Westbury and surrounding areas"
tag="Testimonials" tag="Testimonials"
@@ -155,12 +155,12 @@ export default function LandingPage() {
<div id="contact" data-section="contact"> <div id="contact" data-section="contact">
<ContactText <ContactText
text="Limited availability this week—reserve your slot now for premium Turkish barbering. Book today to secure your appointment." text="Limited availability this week—reserve your slot now for premium Turkish barbering. Book today to secure your appointment."
animationType="entrance-slide" animationType="reveal-blur"
buttons={[ buttons={[
{ text: "Book Appointment", href: "tel:+441373-XXX-XXX" }, { text: "Book Appointment", href: "tel:+441373-XXX-XXX" },
{ text: "Get Directions", href: "https://maps.google.com/?q=Turkish+Barbers+Westbury+Wiltshire" } { text: "Get Directions", href: "https://maps.google.com/?q=Turkish+Barbers+Westbury+Wiltshire" }
]} ]}
background={{ variant: "plain" }} background={{ variant: "radial-gradient" }}
useInvertedBackground={false} useInvertedBackground={false}
/> />
</div> </div>

4
src/app/styles/base.css
View File

@@ -11,7 +11,7 @@ html {
body { body {
background-color: var(--background); background-color: var(--background);
color: var(--foreground); color: var(--foreground);
font-family: var(--font-inter), sans-serif; font-family: var(--font-poppins), sans-serif;
position: relative; position: relative;
min-height: 100vh; min-height: 100vh;
overscroll-behavior: none; overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
h4, h4,
h5, h5,
h6 { h6 {
font-family: var(--font-mulish), sans-serif; font-family: var(--font-poppins), sans-serif;
} }

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

@@ -2,23 +2,23 @@
/* Base units */ /* Base units */
/* --vw is set by ThemeProvider */ /* --vw is set by ThemeProvider */
/* --background: #f5f5f5;; /* --background: #f5f4f0;;
--card: #ffffff;; --card: #ffffff;;
--foreground: #1c1c1c;; --foreground: #1a1a1a;;
--primary-cta: #1f514c;; --primary-cta: #2c2c2c;;
--secondary-cta: #ffffff;; --secondary-cta: #f5f4f0;;
--accent: #159c49;; --accent: #8a8a8a;;
--background-accent: #a8e8ba;; */ --background-accent: #e8e6e1;; */
--background: #f5f5f5;; --background: #f5f4f0;;
--card: #ffffff;; --card: #ffffff;;
--foreground: #1c1c1c;; --foreground: #1a1a1a;;
--primary-cta: #1f514c;; --primary-cta: #2c2c2c;;
--primary-cta-text: #f5f5f5;; --primary-cta-text: #f5f5f5;;
--secondary-cta: #ffffff;; --secondary-cta: #f5f4f0;;
--secondary-cta-text: #1c1c1c;; --secondary-cta-text: #1c1c1c;;
--accent: #159c49;; --accent: #8a8a8a;;
--background-accent: #a8e8ba;; --background-accent: #e8e6e1;;
/* text sizing - set by ThemeProvider */ /* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem); /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);