bender/c7911d93-e7fc-4ad1-a401-c8568926df45
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Merge version_3 into main #6

Merged
bender merged 4 commits from version_3 into main 2026-03-03 13:45:14 +00:00
Conversation 0 Commits 4 Files Changed 4 +58 -49
4 changed files with 58 additions and 49 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
src/app/layout.tsx
View File

@@ -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}
@@ -1422,4 +1411,4 @@ export default function RootLayout({
</ServiceWrapper>
</html>
);
}
}

46
src/app/page.tsx
View File

@@ -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}
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>
@@ -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"
/>
</div>
@@ -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"
/>
</div>
@@ -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"
/>
</div>
@@ -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"
/>
</div>
</ThemeProvider>
);
}
}

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-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;
}

24
src/app/styles/variables.css
View File

@@ -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);