Update src/app/page.tsx

Add src/app/contact/page.tsx
Merge version_4 into main
2026-04-08 15:48:51 +00:00 · 2026-04-08 15:48:50 +00:00 · 2026-04-08 15:46:42 +00:00 · 2026-04-08 15:46:38 +00:00 · 2026-04-08 15:46:38 +00:00 · 2026-04-08 15:45:56 +00:00
5 changed files with 95 additions and 30 deletions
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -0,0 +1,70 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import ContactText from '@/components/sections/contact/ContactText';
+import FooterBase from '@/components/sections/footer/FooterBase';
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+
+export default function ContactPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="expand-hover"
+        defaultTextAnimation="background-highlight"
+        borderRadius="pill"
+        contentWidth="smallMedium"
+        sizing="mediumLargeSizeMediumTitles"
+        background="grid"
+        cardStyle="gradient-mesh"
+        primaryButtonStyle="primary-glow"
+        secondaryButtonStyle="glass"
+        headingFontWeight="light"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "About", id: "about" },
+              { name: "Flowers", id: "products" },
+              { name: "Testimonials", id: "testimonials" },
+              { name: "Contact", id: "/contact" },
+            ]}
+            brandName="Liza Flowers"
+            button={{ text: "Book Now", href: "/contact" }}
+          />
+        </div>
+
+        <div id="contact" data-section="contact">
+          <ContactText
+            text="Flowers Studio Liza Contact: +309012312543 | 123 Botanical Ave, Athens"
+            background={{ variant: "sparkles-gradient" }}
+            useInvertedBackground={false}
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterBase
+            columns={[
+              {
+                title: "Navigate",                items: [
+                  { label: "Studio", href: "/#about" },
+                  { label: "Collection", href: "/#products" },
+                  { label: "Contact", href: "/contact" },
+                ],
+              },
+              {
+                title: "Legal",                items: [
+                  { label: "Privacy", href: "#" },
+                  { label: "Terms", href: "#" },
+                ],
+              },
+            ]}
+            logoText="Liza Flowers"
+            copyrightText="© 2025 Liza Flowers Studio"
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}
--- 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 { Inter_Tight } from "next/font/google";
+import { Libre_Baskerville } from "next/font/google";



@@ -21,10 +22,15 @@ export const metadata: Metadata = {
  },
 };

-const interTight = Inter_Tight({
-  variable: "--font-inter-tight",
+
+const libreBaskerville = Libre_Baskerville({
+  variable: "--font-libre-baskerville",
+  subsets: ["latin"],
+  weight: ["400", "700"],
+});
+const inter = Inter({
+  variable: "--font-inter",
  subsets: ["latin"],
-  weight: ["100", "200", "300", "400", "500", "600", "700", "800", "900"],
 });

 export default function RootLayout({
@@ -35,7 +41,7 @@ export default function RootLayout({
  return (
    <html lang="en" suppressHydrationWarning>
      <ServiceWrapper>
-        <body className={`${interTight.variable} antialiased`}>
+        <body className={`${libreBaskerville.variable} ${inter.variable} antialiased`}>
          <Tag />
          {children}
          <script
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -37,11 +37,11 @@ export default function LandingPage() {
        {
          name: "Testimonials",          id: "testimonials"},
        {
-          name: "Contact",          id: "contact"},
+          name: "Contact",          id: "/contact"},
      ]}
      brandName="Liza Flowers"
      button={{
-        text: "Book Now",        href: "#contact"
+        text: "Book Now",        href: "/contact"
      }}
    />
  </div>
@@ -54,7 +54,7 @@ export default function LandingPage() {
        {
          text: "View Collection",          href: "#products"},
        {
-          text: "Book Consultation",          href: "#contact"},
+          text: "Book Consultation",          href: "/contact"},
      ]}
      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_34my1kGeblbsCcwUUCcjBY9WFkg/young-woman-drinking-coffee-1774371711067-7933f7fb.png"
      avatars={[
@@ -135,17 +135,6 @@ export default function LandingPage() {
    />
  </div>

-  <div id="contact" data-section="contact">
-      <ContactCenter
-      useInvertedBackground={false}
-      background={{
-        variant: "sparkles-gradient"}}
-      title="Let’s Create Something Beautiful"
-      description="Interested in custom arrangements for your event or studio needs? Get in touch today."
-      tag="Get in Touch"
-    />
-  </div>
-
  <div id="footer" data-section="footer">
      <FooterBase
      columns={[
@@ -156,7 +145,7 @@ export default function LandingPage() {
            {
              label: "Collection",              href: "#products"},
            {
-              label: "Contact",              href: "#contact"},
+              label: "Contact",              href: "/contact"},
          ],
        },
        {
--- 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-tight), sans-serif;
+  font-family: var(--font-inter), sans-serif;
  position: relative;
  min-height: 100vh;
  overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-inter-tight), sans-serif;
+  font-family: var(--font-libre-baskerville), serif;
 }
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -10,15 +10,15 @@
  --accent: #ffffff;
  --background-accent: #ffffff; */

-  --background: #fffefe;
-  --card: #f6f7f4;
-  --foreground: #080908;
-  --primary-cta: #0e3a29;
-  --primary-cta-text: #fffefe;
-  --secondary-cta: #e7eecd;
-  --secondary-cta-text: #080908;
-  --accent: #35c18b;
-  --background-accent: #ecebe4;
+  --background: #ffffff;
+  --card: #f9f9f9;
+  --foreground: #120006e6;
+  --primary-cta: #e63946;
+  --primary-cta-text: #ffffff;
+  --secondary-cta: #f9f9f9;
+  --secondary-cta-text: #120006e6;
+  --accent: #e2e2e2;
+  --background-accent: #c4c4c4;

  /* text sizing - set by ThemeProvider */
  /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
Author	SHA1	Message	Date
bender	fb0d3b8a42	Update src/app/page.tsx	2026-04-08 15:48:51 +00:00
bender	8b0956cca0	Add src/app/contact/page.tsx	2026-04-08 15:48:50 +00:00
bender	7e54a6055c	Merge version_4 into main Merge version_4 into main	2026-04-08 15:46:42 +00:00
bender	408e36d3ac	Update theme fonts	2026-04-08 15:46:38 +00:00
bender	01602de7d0	Update theme fonts	2026-04-08 15:46:38 +00:00
bender	17c7e4dc9c	Merge version_3 into main Merge version_3 into main	2026-04-08 15:45:56 +00:00
bender	54030769ea	Update theme colors	2026-04-08 15:45:53 +00:00
bender	147d44b344	Merge version_2 into main Merge version_2 into main	2026-04-08 15:45:13 +00:00
bender	67eb72ba79	Merge version_1 into main Merge version_1 into main	2026-04-08 15:33:54 +00:00