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

Compare commits

merge into: bender:version_2
Branches Tags
bender:main bender:version_3 bender:version_2 bender:version_1
...
pull from: bender:version_3
Branches Tags
bender:main bender:version_3 bender:version_2 bender:version_1

7 Commits
version_2 ... version_3

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
4 changed files with 55 additions and 89 deletions
Expand all files Collapse all files

31
src/app/layout.tsx
View File

@@ -1,7 +1,5 @@
import type { Metadata } from "next"; import type { Metadata } from "next";
import { Montserrat } from "next/font/google"; import { Montserrat } from "next/font/google";
import { Halant } from "next/font/google";
import { Inter } from "next/font/google";
import "./globals.css"; import "./globals.css";
import { ServiceWrapper } from "@/components/ServiceWrapper"; import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag"; import Tag from "@/tag/Tag";
@@ -10,45 +8,36 @@ const montserrat = Montserrat({
variable: "--font-montserrat", subsets: ["latin"], 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 = { 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"), 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: { alternates: {
canonical: "https://wayoris.com"}, canonical: "https://wayoris.com"
},
openGraph: { 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: [ 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: { 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: { robots: {
index: true, index: true,
follow: true, follow: true
}, }
}; };
export default function RootLayout({ export default function RootLayout({
children, children
}: Readonly<{ }: Readonly<{
children: React.ReactNode; children: React.ReactNode;
}>) { }>) {
return ( return (
<html lang="en" suppressHydrationWarning> <html lang="en" suppressHydrationWarning>
<ServiceWrapper> <ServiceWrapper>
<body <body className={`${montserrat.variable} antialiased`}>
className={`${montserrat.variable} ${halant.variable} ${inter.variable} antialiased`}
>
<Tag /> <Tag />
{children} {children}

44
src/app/page.tsx
View File

@@ -14,15 +14,15 @@ import { Globe, Zap, Shield, ShoppingCart, Package, TrendingUp, Rocket, BarChart
export default function LandingPage() { export default function LandingPage() {
return ( return (
<ThemeProvider <ThemeProvider
defaultButtonVariant="expand-hover" defaultButtonVariant="shift-hover"
defaultTextAnimation="background-highlight" defaultTextAnimation="entrance-slide"
borderRadius="pill" borderRadius="rounded"
contentWidth="compact" contentWidth="mediumLarge"
sizing="largeSmallSizeLargeTitles" sizing="largeSizeMediumTitles"
background="circleGradient" background="none"
cardStyle="outline" cardStyle="solid"
primaryButtonStyle="radial-glow" primaryButtonStyle="flat"
secondaryButtonStyle="glass" secondaryButtonStyle="solid"
headingFontWeight="bold" headingFontWeight="bold"
> >
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
@@ -43,7 +43,7 @@ export default function LandingPage() {
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroCentered <HeroCentered
background={{ variant: "downward-rays-static" }} background={{ variant: "plain" }}
avatars={[ 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" 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" buttonAnimation="slide-up"
className="relative min-h-screen flex items-center justify-center" className="relative min-h-screen flex items-center justify-center"
containerClassName="max-w-5xl mx-auto px-6 py-32 text-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" descriptionClassName="text-lg md:text-xl text-gray-300 mt-6 max-w-2xl mx-auto"
/> />
</div> </div>
@@ -75,6 +75,10 @@ export default function LandingPage() {
buttons={[ buttons={[
{ text: "Explore Our Approach", href: "#services" } { 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> </div>
@@ -121,6 +125,9 @@ export default function LandingPage() {
textboxLayout="default" textboxLayout="default"
animationType="slide-up" animationType="slide-up"
useInvertedBackground={false} 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> </div>
@@ -149,6 +156,11 @@ export default function LandingPage() {
textboxLayout="default" textboxLayout="default"
animationType="slide-up" animationType="slide-up"
useInvertedBackground={false} 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> </div>
@@ -167,6 +179,9 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
speed={35} speed={35}
showCard={true} 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> </div>
@@ -175,7 +190,7 @@ export default function LandingPage() {
tag="READY TO BUILD" tag="READY TO BUILD"
title="DIGITAL FOUNDATIONS FOR MODERN BRANDS" 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." 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} 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" 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" imageAlt="Premium tech studio workspace"
@@ -184,6 +199,9 @@ export default function LandingPage() {
inputPlaceholder="your@email.com" inputPlaceholder="your@email.com"
buttonText="Get Started" buttonText="Get Started"
termsText="We respect your privacy. Unsubscribe anytime." 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> </div>
@@ -218,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> </div>
</ThemeProvider> </ThemeProvider>

4
src/app/styles/base.css
View File

@@ -11,7 +11,7 @@ html {
body { body {
background-color: var(--background); background-color: var(--background);
color: var(--foreground); color: var(--foreground);
font-family: var(--font-font-montserrat), sans-serif; font-family: var(--font-montserrat), sans-serif;
position: relative; position: relative;
min-height: 100vh; min-height: 100vh;
overscroll-behavior: none; overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
h4, h4,
h5, h5,
h6 { h6 {
font-family: var(--font-font-montserrat), sans-serif; font-family: var(--font-montserrat), sans-serif;
} }

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

@@ -2,39 +2,15 @@
/* Base units */ /* Base units */
/* --vw is set by ThemeProvider */ /* --vw is set by ThemeProvider */
/* --background: #000000;; --background: #000000;
--card: #1a2a1a;; --card: #0F1113;
--foreground: #ffffff;; --foreground: #EDE7DF;
--primary-cta: #ffffff;; --primary-cta: #4A6BB8;
--secondary-cta: #0d1a0d;; --primary-cta-text: #EDE7DF;
--accent: #2d4a2d;; --secondary-cta: #0F1113;
--background-accent: #c1e1c1;; */ --secondary-cta-text: #EDE7DF;
--accent: #4A6BB8;
--background: #000000;; --background-accent: #0F1113;
--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); */
/* Base spacing units */ /* Base spacing units */
--vw-0_25: calc(var(--vw) * 0.25); --vw-0_25: calc(var(--vw) * 0.25);
@@ -130,24 +106,6 @@
@media (max-width: 767px) { @media (max-width: 767px) {
:root { :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-5: 5vw;
--width-7_5: 7.5vw; --width-7_5: 7.5vw;
--width-10: 10vw; --width-10: 10vw;
@@ -187,7 +145,6 @@
--width-95: 95vw; --width-95: 95vw;
--width-97_5: 97.5vw; --width-97_5: 97.5vw;
--width-100: 100vw; --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: 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-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)); --width-carousel-padding-expanded: calc((var(--width-content-width-expanded) - var(--width-content-width)) / 2 + 1px - var(--vw-1_5));