Update src/app/page.tsx

2026-03-31 17:11:24 +00:00 · 2026-03-31 17:10:55 +00:00 · 2026-03-31 17:10:31 +00:00 · 2026-03-31 17:10:07 +00:00 · 2026-03-31 17:09:45 +00:00 · 2026-03-31 17:09:44 +00:00
3 changed files with 94 additions and 226 deletions
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -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 { Montserrat } from "next/font/google";\nimport { Lora } from "next/font/google";



@@ -20,10 +21,8 @@ export const metadata: Metadata = {
  },
 };

-const montserrat = Montserrat({
-  variable: "--font-montserrat",
-  subsets: ["latin"],
-});
+
+const montserrat = Montserrat({ variable: "--font-montserrat", subsets: ["latin"] });\nconst lora = Lora({ variable: "--font-lora", subsets: ["latin"] });

 export default function RootLayout({
  children,
@@ -33,7 +32,7 @@ export default function RootLayout({
  return (
    <html lang="en" suppressHydrationWarning>
      <ServiceWrapper>
-        <body className={`${montserrat.variable} antialiased`}>
+        <body className={`${montserrat.variable} ${lora.variable} antialiased`}>
          <Tag />
          {children}
          <script
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -19,233 +19,102 @@ export default function LandingPage() {
        borderRadius="rounded"
        contentWidth="compact"
        sizing="large"
-        background="circleGradient"
+        background="none"
        cardStyle="subtle-shadow"
        primaryButtonStyle="flat"
        secondaryButtonStyle="glass"
-        headingFontWeight="extrabold"
+        headingFontWeight="semibold"
    >
      <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleCentered
-      navItems={[
-        {
-          name: "Services",
-          id: "#services",
-        },
-        {
-          name: "Gallery",
-          id: "#gallery",
-        },
-        {
-          name: "Reviews",
-          id: "#reviews",
-        },
-      ]}
-      button={{
-        text: "Book Appointment",
-        href: "#contact",
-      }}
-      brandName="VY CUTZ"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+            <NavbarStyleCentered
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "About", id: "about" },
+              { name: "Services", id: "services" },
+              { name: "Reviews", id: "reviews" },
+              { name: "Contact", id: "contact" },
+            ]}
+            button={{ text: "Book Now", href: "#contact" }}
+            brandName="VY CUTZ"
+          />
+        </div>

-  <div id="hero" data-section="hero">
-      <HeroLogoBillboardSplit
-      background={{
-        variant: "radial-gradient",
-      }}
-      logoText="VY CUTZ"
-      description="Experience precision cuts and luxury service tailored to you by Vy. The Gold Standard of Grooming in Forney."
-      buttons={[
-        {
-          text: "Secure Your Chair",
-          href: "#contact",
-        },
-      ]}
-      layoutOrder="default"
-      imageSrc="http://img.b2bpic.net/free-photo/medium-shot-unknown-woman-posing-studio_23-2149417625.jpg?_wi=1"
-      imageAlt="Professional hair grooming shears"
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="hero" data-section="hero">
+            <HeroLogoBillboardSplit
+            background={{ variant: "glowing-orb" }}
+            logoText="VY CUTZ"
+            description="Midnight Elegance. Gold Standard Grooming. Precision artistry tailored for the modern individual."
+            buttons={[{ text: "Book Your Session", href: "#contact" }]}
+            layoutOrder="default"
+            imageSrc="https://images.unsplash.com/photo-1503951914875-452162b09f6f?q=80&w=1000&auto=format&fit=crop"
+            imageAlt="Luxury grooming experience"
+            mediaAnimation="blur-reveal"
+          />
+        </div>

-  <div id="about" data-section="about">
-      <AboutMetric
-      useInvertedBackground={false}
-      title="The Vy Experience"
-      metrics={[
-        {
-          icon: Scissors,
-          label: "Precision Cuts",
-          value: "100%",
-        },
-        {
-          icon: Award,
-          label: "Client Trust",
-          value: "5-Star",
-        },
-        {
-          icon: Clock,
-          label: "Service Quality",
-          value: "Mastery",
-        },
-      ]}
-      metricsAnimation="slide-up"
-    />
-  </div>
+        <div id="about" data-section="about">
+            <AboutMetric
+            title="The Essence of Vy"
+            metrics={[
+              { icon: Scissors, label: "Master Stylist", value: "5+ Years" },
+              { icon: Award, label: "Luxury Service", value: "Premium" },
+              { icon: Clock, label: "Consistency", value: "100%" },
+            ]}
+            metricsAnimation="slide-up"
+            useInvertedBackground={true}
+          />
+        </div>

-  <div id="services" data-section="services">
-      <PricingCardNine
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      plans={[
-        {
-          id: "sig",
-          title: "The Signature Cut",
-          price: "$45",
-          period: "Session",
-          features: [
-            "Precision Haircut",
-            "Hot Towel Finish",
-            "Expert Styling",
-          ],
-          button: {
-            text: "Book Now",
-            href: "#contact",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-unknown-woman-posing-studio_23-2149417625.jpg?_wi=2",
-          imageAlt: "barber professional shears dark background",
-        },
-        {
-          id: "young",
-          title: "The Young Professional",
-          price: "$35",
-          period: "Session",
-          features: [
-            "Modern Style Consult",
-            "Precision Cut",
-            "Finished Look",
-          ],
-          button: {
-            text: "Book Now",
-            href: "#contact",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-barber-client-preparing-treatment_23-2147737010.jpg",
-          imageAlt: "professional stylist in studio portrait",
-        },
-        {
-          id: "shine",
-          title: "Style & Shine",
-          price: "$55",
-          period: "Session",
-          features: [
-            "Specialty Cut",
-            "Health Focused",
-            "Texture & Vibrance",
-          ],
-          button: {
-            text: "Book Now",
-            href: "#contact",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/impressed-young-barber-wearing-uniform-glasses-holding-shaving-razors-looking-one-them-isolated-blue-background_141793-134401.jpg",
-          imageAlt: "happy client professional barber cut",
-        },
-      ]}
-      title="Curated Services"
-      description="Masterclass consistency and care for every unique style."
-    />
-  </div>
+        <div id="services" data-section="services">
+            <PricingCardNine
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            plans={[
+              {
+                id: "cut", title: "Signature Cut", price: "$55", period: "session", features: ["Precision Cut", "Hot Towel", "Beard Trim", "Style"],
+                button: { text: "Select", href: "#contact" },
+              },
+              {
+                id: "deluxe", title: "The Gold Treatment", price: "$85", period: "session", features: ["Everything in Signature", "Scalp Massage", "Luxury Shave", "Face Treatment"],
+                button: { text: "Select", href: "#contact" },
+              },
+            ]}
+            title="Tailored Services"
+            description="Experience the perfect blend of technique and relaxation."
+          />
+        </div>

-  <div id="reviews" data-section="reviews">
-      <TestimonialCardFifteen
-      useInvertedBackground={false}
-      testimonial="I refuse to let anyone else cut my hair. Vy is a true master of her craft and the service is unmatched in Forney."
-      rating={5}
-      author="Timothy M."
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/impressed-young-barber-wearing-uniform-glasses-holding-shaving-razors-looking-one-them-isolated-blue-background_141793-134401.jpg",
-          alt: "Client 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/female-hairdresser-styling-clients-hair_107420-94689.jpg",
-          alt: "Client 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/handsome-black-male-dressed-suit-from-wool_613910-15888.jpg",
-          alt: "Client 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/senior-male-client-with-cape-barbershop_23-2148181927.jpg",
-          alt: "Client 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/cheerful-barber-client-preparing-treatment_23-2147737010.jpg",
-          alt: "Client 5",
-        },
-      ]}
-      ratingAnimation="slide-up"
-      avatarsAnimation="blur-reveal"
-    />
-  </div>
+        <div id="reviews" data-section="reviews">
+            <TestimonialCardFifteen
+            useInvertedBackground={true}
+            testimonial="The most elegant grooming experience in Forney. Every detail is perfect, from the ambiance to the service."
+            rating={5}
+            author="Marcus J."
+            avatars={[]}
+            ratingAnimation="slide-up"
+            avatarsAnimation="slide-up"
+          />
+        </div>

-  <div id="contact" data-section="contact">
-      <ContactText
-      useInvertedBackground={false}
-      background={{
-        variant: "rotated-rays-static",
-      }}
-      text="Located within the Forney Salon Suites (Next to Cristina’s). Secure your chair today for the Gold Standard of Grooming."
-      buttons={[
-        {
-          text: "Book Appointment Now",
-          href: "https://booking.link",
-        },
-      ]}
-    />
-  </div>
+        <div id="contact" data-section="contact">
+            <ContactText
+            useInvertedBackground={false}
+            background={{ variant: "sparkles-gradient" }}
+            text="VY CUTZ | Forney Salon Suites. Join our waitlist or secure your chair now for the gold standard."
+            buttons={[{ text: "Book Now", href: "#" }]}
+          />
+        </div>

-  <div id="footer" data-section="footer">
-      <FooterSimple
-      columns={[
-        {
-          title: "Vy Cutz",
-          items: [
-            {
-              label: "Services",
-              href: "#services",
-            },
-            {
-              label: "Gallery",
-              href: "#gallery",
-            },
-            {
-              label: "Reviews",
-              href: "#reviews",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms of Service",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      bottomLeftText="© 2024 Vy Cutz. All rights reserved."
-      bottomRightText="Forney, Texas"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+            <FooterSimple
+            columns={[]}
+            bottomLeftText="© 2025 Vy Cutz. Luxury Grooming."
+            bottomRightText="Forney, Texas"
+          />
+        </div>
      </ReactLenis>
    </ThemeProvider>
  );
-}
+}
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -11,14 +11,14 @@
  --background-accent: #ffffff; */

  --background: #0a0a0a;
-  --card: #1a1a1a;
+  --card: #171717;
  --foreground: #f5f5f5;
-  --primary-cta: #FFD700;
+  --primary-cta: #D4AF37;
  --primary-cta-text: #0a0a0a;
-  --secondary-cta: #1a1a1a;
+  --secondary-cta: #262626;
  --secondary-cta-text: #f5f5f5;
-  --accent: #5c5c5c;
-  --background-accent: #2e2e2e;
+  --accent: #D4AF37;
+  --background-accent: #1a1a1a;

  /* text sizing - set by ThemeProvider */
  /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
Author	SHA1	Message	Date
bender	e2fe13a84f	Update src/app/page.tsx	2026-03-31 17:11:24 +00:00
bender	4478190875	Update src/app/page.tsx	2026-03-31 17:10:55 +00:00
bender	18b21591eb	Update src/app/page.tsx	2026-03-31 17:10:31 +00:00
bender	4c59c88f59	Update src/app/page.tsx	2026-03-31 17:10:07 +00:00
bender	fe03236fdd	Update src/app/styles/variables.css	2026-03-31 17:09:45 +00:00
bender	24c1a92359	Update src/app/page.tsx	2026-03-31 17:09:44 +00:00
bender	3c668663cc	Update theme colors	2026-03-31 17:03:58 +00:00
bender	1a78612f7d	Update src/app/page.tsx	2026-03-31 17:03:10 +00:00
bender	6c4cdd2189	Update src/app/page.tsx	2026-03-31 17:02:46 +00:00
bender	b36da01c74	Update src/app/page.tsx	2026-03-31 17:02:22 +00:00
bender	9c8d0655c4	Update src/app/layout.tsx	2026-03-31 17:02:21 +00:00
bender	5c0d4a6f77	Merge version_1 into main Merge version_1 into main	2026-03-31 17:02:07 +00:00