bender/a1586ffe-d9bb-4712-a6ea-1fc5a7f57ba5
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

base: bender:version_1
Branches Tags
bender:main bender:version_4 bender:version_3 bender:version_2 bender:version_1
..
compare: bender:version_2
Branches Tags
bender:main bender:version_4 bender:version_3 bender:version_2 bender:version_1

5 Commits
version_1 ... version_2

Author SHA1 Message Date
bender
1bd8d2b9e4 Update theme fonts 2026-04-15 16:09:07 +00:00
bender
81cd6ec5a9 Update theme fonts 2026-04-15 16:09:07 +00:00
bender
f85dd57693 Update src/app/page.tsx 2026-04-15 16:06:52 +00:00
bender
4efdcad599 Update src/app/page.tsx 2026-04-15 16:06:13 +00:00
bender
3207a41810 Merge version_1 into main 
Merge version_1 into main
 2026-04-15 16:03:07 +00:00
3 changed files with 25 additions and 6 deletions
Expand all files Collapse all files

8
src/app/layout.tsx
View File

@@ -7,6 +7,7 @@ import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag";
import { getVisualEditScript } from "@/utils/visual-edit-script";
import { Montserrat } from "next/font/google";
import { Open_Sans } from "next/font/google";
@@ -20,8 +21,9 @@ export const metadata: Metadata = {
},
};
const montserrat = Montserrat({
variable: "--font-montserrat",
const openSans = Open_Sans({
variable: "--font-open-sans",
subsets: ["latin"],
});
@@ -33,7 +35,7 @@ export default function RootLayout({
return (
<html lang="en" suppressHydrationWarning>
<ServiceWrapper>
<body className={`${montserrat.variable} antialiased`}>
<body className={`${openSans.variable} antialiased`}>
<Tag />
{children}
<script

19
src/app/page.tsx
View File

@@ -10,6 +10,8 @@ import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSp
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import { Sparkles } from "lucide-react";
export default function LandingPage() {
return (
@@ -40,7 +42,7 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplitDualMedia
background={{ variant: "plain" }}
background={{ variant: "glowing-orb" }}
title="Top-Rated Hair Salon in Rome, GA"
description="Expert haircuts, color, and styling with a welcoming, professional touch. Serving Rome, GA and surrounding areas."
tag="Rated 4.8/5 from 100+ clients"
@@ -58,6 +60,21 @@ export default function LandingPage() {
/>
</div>
<div id="stats-3d" data-section="stats-3d">
<MetricCardThree
title="Our Impact"
description="Real results, real transformations, real style."
textboxLayout="default"
animationType="depth-3d"
useInvertedBackground={false}
metrics={[
{ id: "1", icon: Sparkles, title: "Styles Created", value: "5,000+" },
{ id: "2", icon: Sparkles, title: "Happy Clients", value: "2,000+" },
{ id: "3", icon: Sparkles, title: "Years Experience", value: "15+" }
]}
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTen
textboxLayout="split-description"

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

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