diff --git a/src/app/layout.tsx b/src/app/layout.tsx index 648c526..eb500a8 100644 --- 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 ( - + {children} @@ -1422,4 +1411,4 @@ export default function RootLayout({ ); -} \ No newline at end of file +} diff --git a/src/app/page.tsx b/src/app/page.tsx index a776394..caae947 100644 --- 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 ( @@ -121,6 +125,9 @@ export default function LandingPage() { textboxLayout="default" animationType="slide-up" useInvertedBackground={false} + 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" /> @@ -149,6 +156,11 @@ export default function LandingPage() { textboxLayout="default" animationType="slide-up" useInvertedBackground={false} + 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" + valueClassName="text-5xl md:text-7xl font-bold tracking-widest text-gray-400" + cardTitleClassName="text-lg md:text-2xl font-bold tracking-wide uppercase" /> @@ -167,6 +179,9 @@ export default function LandingPage() { useInvertedBackground={false} speed={35} showCard={true} + 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" /> @@ -175,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" @@ -184,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" /> @@ -218,8 +236,10 @@ 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" /> ); -} \ No newline at end of file +} diff --git a/src/app/styles/base.css b/src/app/styles/base.css index c5c1ea6..aa7fd03 100644 --- 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; } diff --git a/src/app/styles/variables.css b/src/app/styles/variables.css index 292bb90..45ac4d4 100644 --- a/src/app/styles/variables.css +++ b/src/app/styles/variables.css @@ -3,22 +3,22 @@ /* --vw is set by ThemeProvider */ /* --background: #000000;; - --card: #1a2a1a;; - --foreground: #ffffff;; - --primary-cta: #ffffff;; - --secondary-cta: #0d1a0d;; - --accent: #2d4a2d;; - --background-accent: #c1e1c1;; */ + --card: #0F1113;; + --foreground: #EDE7DF;; + --primary-cta: #4A6BB8;; + --secondary-cta: #0F1113;; + --accent: #4A6BB8;; + --background-accent: #0F1113;; */ --background: #000000;; - --card: #1a2a1a;; - --foreground: #ffffff;; - --primary-cta: #ffffff;; + --card: #0F1113;; + --foreground: #EDE7DF;; + --primary-cta: #4A6BB8;; --primary-cta-text: #0a150a;; - --secondary-cta: #0d1a0d;; + --secondary-cta: #0F1113;; --secondary-cta-text: #e1f6e1;; - --accent: #2d4a2d;; - --background-accent: #c1e1c1;; + --accent: #4A6BB8;; + --background-accent: #0F1113;; /* text sizing - set by ThemeProvider */ /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);