Update src/app/styles/variables.css

Update src/app/page.tsx
2026-03-03 13:47:38 +00:00 · 2026-03-03 13:47:37 +00:00 · 2026-03-03 13:45:09 +00:00 · 2026-03-03 13:45:08 +00:00 · 2026-03-03 13:45:07 +00:00 · 2026-03-03 13:45:06 +00:00
4 changed files with 57 additions and 88 deletions
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,7 +1,5 @@
 import type { Metadata } from "next";
 import { Montserrat } from "next/font/google";
-import { Halant } from "next/font/google";
-import { Inter } from "next/font/google";
 import "./globals.css";
 import { ServiceWrapper } from "@/components/ServiceWrapper";
 import Tag from "@/tag/Tag";
@@ -10,45 +8,36 @@ const montserrat = Montserrat({
  variable: "--font-montserrat",  subsets: ["latin"],
 });

-const halant = Halant({
-  variable: "--font-halant",  subsets: ["latin"],
-  weight: ["300", "400", "500", "600", "700"],
-});
-
-const inter = Inter({
-  variable: "--font-inter",  subsets: ["latin"],
-});
-
 export const metadata: Metadata = {
  title: "WAY ORIS - Premium Digital Systems & Web Architecture Studio",  description: "Premium web design and digital systems studio. High-performance websites and SaaS solutions built on solid foundations. Where every brand need begins.",  keywords: "web design, SaaS, digital systems, Shopify development, web architecture, premium websites, long-term brands",  metadataBase: new URL("https://wayoris.com"),
  alternates: {
-    canonical: "https://wayoris.com"},
+    canonical: "https://wayoris.com"
+  },
  openGraph: {
    title: "WAY ORIS - Premium Digital Systems Studio",    description: "Craft premium websites and digital systems built for long-term brand growth. Structure over trend.",    url: "https://wayoris.com",    siteName: "WAY ORIS",    type: "website",    images: [
      {
-        url: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQwTwmyNIHjPHIFX9HxgEsQK3j/a-premium-abstract-3d-w-geometric-struct-1772538206505-9c0b1fb7.png",        alt: "WAY ORIS - Premium 3D architecture element"},
-    ],
+        url: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQwTwmyNIHjPHIFX9HxgEsQK3j/a-premium-abstract-3d-w-geometric-struct-1772538206505-9c0b1fb7.png",        alt: "WAY ORIS - Premium 3D architecture element"
+      }
+    ]
  },
  twitter: {
-    card: "summary_large_image",    title: "WAY ORIS - Premium Digital Systems Studio",    description: "Where Every Brand Need Begins. Premium websites and digital systems for modern brands.",    images: ["https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQwTwmyNIHjPHIFX9HxgEsQK3j/a-premium-abstract-3d-w-geometric-struct-1772538206505-9c0b1fb7.png"],
+    card: "summary_large_image",    title: "WAY ORIS - Premium Digital Systems Studio",    description: "Where Every Brand Need Begins. Premium websites and digital systems for modern brands.",    images: ["https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQwTwmyNIHjPHIFX9HxgEsQK3j/a-premium-abstract-3d-w-geometric-struct-1772538206505-9c0b1fb7.png"]
  },
  robots: {
    index: true,
-    follow: true,
-  },
+    follow: true
+  }
 };

 export default function RootLayout({
-  children,
+  children
 }: Readonly<{
  children: React.ReactNode;
 }>) {
  return (
    <html lang="en" suppressHydrationWarning>
      <ServiceWrapper>
-        <body
-          className={`${montserrat.variable} ${halant.variable} ${inter.variable} antialiased`}
-        >
+        <body className={`${montserrat.variable} antialiased`}>
          <Tag />
          {children}
        
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -14,15 +14,15 @@ import { Globe, Zap, Shield, ShoppingCart, Package, TrendingUp, Rocket, BarChart
 export default function LandingPage() {
  return (
    <ThemeProvider
-      defaultButtonVariant="expand-hover"
-      defaultTextAnimation="background-highlight"
-      borderRadius="pill"
-      contentWidth="compact"
-      sizing="largeSmallSizeLargeTitles"
-      background="circleGradient"
-      cardStyle="outline"
-      primaryButtonStyle="radial-glow"
-      secondaryButtonStyle="glass"
+      defaultButtonVariant="shift-hover"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="rounded"
+      contentWidth="mediumLarge"
+      sizing="largeSizeMediumTitles"
+      background="none"
+      cardStyle="solid"
+      primaryButtonStyle="flat"
+      secondaryButtonStyle="solid"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
@@ -43,7 +43,7 @@ export default function LandingPage() {

      <div id="hero" data-section="hero">
        <HeroCentered
-          background={{ variant: "downward-rays-static" }}
+          background={{ variant: "plain" }}
          avatars={[
            {
              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQwTwmyNIHjPHIFX9HxgEsQK3j/a-premium-abstract-3d-w-geometric-struct-1772538206505-9c0b1fb7.png",              alt: "Premium 3D structure element"
@@ -59,7 +59,7 @@ export default function LandingPage() {
          buttonAnimation="slide-up"
          className="relative min-h-screen flex items-center justify-center"
          containerClassName="max-w-5xl mx-auto px-6 py-32 text-center"
-          titleClassName="text-5xl md:text-7xl font-bold leading-tight tracking-wider"
+          titleClassName="text-5xl md:text-7xl font-bold leading-tight tracking-widest uppercase"
          descriptionClassName="text-lg md:text-xl text-gray-300 mt-6 max-w-2xl mx-auto"
        />
      </div>
@@ -75,6 +75,10 @@ export default function LandingPage() {
          buttons={[
            { text: "Explore Our Approach", href: "#services" }
          ]}
+          className="relative py-24"
+          titleClassName="text-4xl md:text-6xl font-bold tracking-widest uppercase"
+          descriptionClassName="text-base md:text-lg text-gray-300 mt-6 max-w-3xl"
+          tagClassName="text-xs md:text-sm tracking-widest uppercase font-semibold"
        />
      </div>

@@ -121,6 +125,9 @@ export default function LandingPage() {
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground={false}
+          textBoxTitleClassName="text-4xl md:text-6xl font-bold tracking-widest uppercase"
+          textBoxDescriptionClassName="text-base md:text-lg text-gray-300 mt-4 max-w-2xl"
+          textBoxTagClassName="text-xs md:text-sm tracking-widest uppercase font-semibold"
        />
      </div>

@@ -143,9 +150,17 @@ export default function LandingPage() {
              id: "04",              value: "04",              title: "Scale",              description: "Launching and optimizing for long-term growth",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQwTwmyNIHjPHIFX9HxgEsQK3j/scaling-dashboard-growth-metrics-on-dark-1772538206740-1ac30372.png",              imageAlt: "Scaling and growth metrics"
            }
          ]}
+          buttons={[
+            { text: "Let's Start Building", href: "#contact" }
+          ]}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground={false}
+          textBoxTitleClassName="text-4xl md:text-6xl font-bold tracking-widest uppercase"
+          textBoxDescriptionClassName="text-base md:text-lg text-gray-300 mt-4 max-w-2xl"
+          textBoxTagClassName="text-xs md:text-sm tracking-widest uppercase font-semibold"
+          valueClassName="text-5xl md:text-7xl font-bold tracking-widest text-gray-400"
+          cardTitleClassName="text-lg md:text-2xl font-bold tracking-wide uppercase"
        />
      </div>

@@ -158,12 +173,15 @@ export default function LandingPage() {
            "Stripe",            "Linear",            "Vercel",            "Figma",            "Next.js",            "Shopify",            "AWS",            "Webflow"
          ]}
          logos={[
-            "http://img.b2bpic.net/free-vector/flat-technology-logo-collection_23-2148156131.jpg",            "http://img.b2bpic.net/free-vector/flat-design-data-logo-template_23-2149204337.jpg",            "http://img.b2bpic.net/free-vector/hand-drawn-data-logo-template_23-2149208856.jpg",            "http://img.b2bpic.net/free-vector/gradient-code-logo-template_23-2148824103.jpg",            "http://img.b2bpic.net/free-vector/minimalist-nerd-logo-design_23-2149348784.jpg",            "http://img.b2bpic.net/free-vector/gradient-instagram-shop-logo-design_23-2149714663.jpg",            "http://img.b2bpic.net/free-vector/cloud-technology-computing-with-upward-upload-arrow_1017-29592.jpg",            "http://img.b2bpic.net/free-vector/gradient-code-logo-web-developers_23-2148830996.jpg"
+            "http://img.b2bpic.net/free-vector/flat-technology-logo-collection_23-2148156131.jpg",            "http://img.b2bpic.net/free-vector/flat-design-data-logo-template_23-2149204337.jpg",            "http://img.b2bpic.net/free-vector/hand-drawn-data-logo-template_23-2149208856.jpg",            "http://img.b2bpic.net/free-vector/gradient-code-logo-template_23-2148824103.jpg",            "http://img.b2bpic.net/free-vector/minimalist-nerd-logo-design_23-2149348784.jpg",            "http://img.b2bpic.net/free-vector/gradient-instagram-shop-logo-design_23-2149714663.jpg",            "http://img.b2bpic.net/cloud-technology-computing-with-upward-upload-arrow_1017-29592.jpg",            "http://img.b2bpic.net/free-vector/gradient-code-logo-web-developers_23-2148830996.jpg"
          ]}
          textboxLayout="default"
          useInvertedBackground={false}
          speed={35}
          showCard={true}
+          textBoxTitleClassName="text-4xl md:text-6xl font-bold tracking-widest uppercase"
+          textBoxDescriptionClassName="text-base md:text-lg text-gray-300 mt-4 max-w-2xl"
+          textBoxTagClassName="text-xs md:text-sm tracking-widest uppercase font-semibold"
        />
      </div>

@@ -172,7 +190,7 @@ export default function LandingPage() {
          tag="READY TO BUILD"
          title="DIGITAL FOUNDATIONS FOR MODERN BRANDS"
          description="High-performance websites built for long-term growth. Let's discuss how we can elevate your digital presence."
-          background={{ variant: "downward-rays-static" }}
+          background={{ variant: "plain" }}
          useInvertedBackground={false}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQwTwmyNIHjPHIFX9HxgEsQK3j/premium-tech-studio-workspace-clean-orga-1772538207123-2c30b79b.png?_wi=1"
          imageAlt="Premium tech studio workspace"
@@ -181,6 +199,9 @@ export default function LandingPage() {
          inputPlaceholder="your@email.com"
          buttonText="Get Started"
          termsText="We respect your privacy. Unsubscribe anytime."
+          titleClassName="text-4xl md:text-6xl font-bold tracking-widest uppercase"
+          descriptionClassName="text-base md:text-lg text-gray-300 mt-4 max-w-2xl"
+          tagClassName="text-xs md:text-sm tracking-widest uppercase font-semibold"
        />
      </div>

@@ -215,6 +236,8 @@ export default function LandingPage() {
              ]
            }
          ]}
+          logoTextClassName="text-xl md:text-2xl font-bold tracking-widest uppercase"
+          columnTitleClassName="text-sm md:text-base font-bold tracking-widest uppercase mb-4"
        />
      </div>
    </ThemeProvider>
--- 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-font-montserrat), sans-serif;
+  font-family: var(--font-montserrat), sans-serif;
  position: relative;
  min-height: 100vh;
  overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-font-montserrat), sans-serif;
+  font-family: var(--font-montserrat), sans-serif;
 }
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -2,39 +2,15 @@
  /* Base units */
  /* --vw is set by ThemeProvider */

-  /* --background: #000000;;
-  --card: #1a2a1a;;
-  --foreground: #ffffff;;
-  --primary-cta: #ffffff;;
-  --secondary-cta: #0d1a0d;;
-  --accent: #2d4a2d;;
-  --background-accent: #c1e1c1;; */
-
-  --background: #000000;;
-  --card: #1a2a1a;;
-  --foreground: #ffffff;;
-  --primary-cta: #ffffff;;
-  --primary-cta-text: #0a150a;;
-  --secondary-cta: #0d1a0d;;
-  --secondary-cta-text: #e1f6e1;;
-  --accent: #2d4a2d;;
-  --background-accent: #c1e1c1;;
-
-  /* text sizing - set by ThemeProvider */
-  /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
-  --text-xs: clamp(0.54rem, 0.72vw, 0.72rem);
-  --text-sm: clamp(0.615rem, 0.82vw, 0.82rem);
-  --text-base: clamp(0.69rem, 0.92vw, 0.92rem);
-  --text-lg: clamp(0.75rem, 1vw, 1rem);
-  --text-xl: clamp(0.825rem, 1.1vw, 1.1rem);
-  --text-2xl: clamp(0.975rem, 1.3vw, 1.3rem);
-  --text-3xl: clamp(1.2rem, 1.6vw, 1.6rem);
-  --text-4xl: clamp(1.5rem, 2vw, 2rem);
-  --text-5xl: clamp(2.025rem, 2.75vw, 2.75rem);
-  --text-6xl: clamp(2.475rem, 3.3vw, 3.3rem);
-  --text-7xl: clamp(3rem, 4vw, 4rem);
-  --text-8xl: clamp(3.5rem, 4.5vw, 4.5rem);
-  --text-9xl: clamp(5.25rem, 7vw, 7rem); */
+  --background: #000000;
+  --card: #0F1113;
+  --foreground: #EDE7DF;
+  --primary-cta: #4A6BB8;
+  --primary-cta-text: #EDE7DF;
+  --secondary-cta: #0F1113;
+  --secondary-cta-text: #EDE7DF;
+  --accent: #4A6BB8;
+  --background-accent: #0F1113;

  /* Base spacing units */
  --vw-0_25: calc(var(--vw) * 0.25);
@@ -130,24 +106,6 @@

@media (max-width: 767px) {
  :root {
-    /* --vw and text sizing are set by ThemeProvider */
-    /* --vw: 3vw;
-
-    --text-2xs: 2.5vw;
-    --text-xs: 2.75vw;
-    --text-sm: 3vw;
-    --text-base: 3.25vw;
-    --text-lg: 3.5vw;
-    --text-xl: 4.25vw;
-    --text-2xl: 5vw;
-    --text-3xl: 6vw;
-    --text-4xl: 7vw;
-    --text-5xl: 7.5vw;
-    --text-6xl: 8.5vw;
-    --text-7xl: 10vw;
-    --text-8xl: 12vw;
-    --text-9xl: 14vw; */
-
    --width-5: 5vw;
    --width-7_5: 7.5vw;
    --width-10: 10vw;
@@ -187,7 +145,6 @@
    --width-95: 95vw;
    --width-97_5: 97.5vw;
    --width-100: 100vw;
-    /* --width-content-width and --width-content-width-expanded are set by ThemeProvider */
    --width-carousel-padding: calc((100vw - var(--width-content-width)) / 2 + 1px - var(--vw-1_5));
    --width-carousel-padding-controls: calc((100vw - var(--width-content-width)) / 2 + 1px);
    --width-carousel-padding-expanded: calc((var(--width-content-width-expanded) - var(--width-content-width)) / 2 + 1px - var(--vw-1_5));
Author	SHA1	Message	Date
bender	bfba90cc13	Update src/app/styles/variables.css	2026-03-03 13:47:38 +00:00
bender	39e80eb088	Update src/app/page.tsx	2026-03-03 13:47:37 +00:00
bender	3cc758e851	Update src/app/styles/variables.css	2026-03-03 13:45:09 +00:00
bender	3f268aee9a	Update src/app/styles/base.css	2026-03-03 13:45:08 +00:00
bender	91d4d1a3ea	Update src/app/page.tsx	2026-03-03 13:45:07 +00:00
bender	74b96ccd49	Update src/app/layout.tsx	2026-03-03 13:45:06 +00:00
bender	d2aa4beb83	Merge version_2 into main Merge version_2 into main	2026-03-03 11:52:38 +00:00
bender	eb652c4251	Update src/app/page.tsx	2026-03-03 11:52:30 +00:00
bender	2f4b1251c9	Update src/app/layout.tsx	2026-03-03 11:52:29 +00:00
bender	735071e0a1	Merge version_1 into main Merge version_1 into main	2026-03-03 11:51:36 +00:00
bender	06171d0865	Merge version_1 into main Merge version_1 into main	2026-03-03 11:48:06 +00:00
bender	97f176b199	Merge version_1 into main Merge version_1 into main	2026-03-03 11:44:22 +00:00