bender/22bc6d95-1db6-44df-9216-fcd1a5baa659
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main #2

Merged
bender merged 4 commits from version_2 into main 2026-04-07 11:41:26 +00:00
Conversation 0 Commits 4 Files Changed 4 +32 -201
4 changed files with 32 additions and 201 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/app/layout.tsx
View File

@@ -7,6 +7,7 @@ import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag";
import { getVisualEditScript } from "@/utils/visual-edit-script";
import { Nunito } from "next/font/google";
import { MedievalSharp } from "next/font/google";
@@ -21,10 +22,8 @@ export const metadata: Metadata = {
},
};
const nunito = Nunito({
variable: "--font-nunito",
subsets: ["latin"],
});
const gothicFont = MedievalSharp({ variable: "--font-gothic", subsets: ["latin"], weight: ["400"] });
export default function RootLayout({
children,
@@ -34,7 +33,7 @@ export default function RootLayout({
return (
<html lang="en" suppressHydrationWarning>
<ServiceWrapper>
<body className={`${nunito.variable} antialiased`}>
<body className={`${gothicFont.variable} antialiased`}>
<Tag />
{children}
<script

208
src/app/page.tsx
View File

@@ -29,22 +29,10 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "About",
id: "about",
},
{
name: "Services",
id: "features",
},
{
name: "Contact",
id: "contact",
},
{ name: "Home", id: "hero" },
{ name: "About", id: "about" },
{ name: "Services", id: "features" },
{ name: "Contact", id: "contact" },
]}
brandName="samxhillsboi 777"
/>
@@ -53,105 +41,19 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardTestimonial
useInvertedBackground={false}
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
title="samxhillsboi 777"
description="Redefining the digital dark arts with high-performance, gothic-infused IT architecture."
testimonials={[
{
name: "AuraVex",
handle: "@auravex",
testimonial: "The architecture is absolute perfection, dark and powerful.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/astral-wallpapers-composition-with-rocks_23-2149687876.jpg?_wi=1",
imageAlt: "gothic futuristic tech abstract background",
},
{
name: "VoidWalker",
handle: "@voidwalk",
testimonial: "samxhillsboi 777 changed my digital landscape forever.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/bright-colorful-neon-background_23-2150689406.jpg?_wi=1",
imageAlt: "dark server room glowing neon",
},
{
name: "Nebula",
handle: "@nebula",
testimonial: "Gothic beauty meets high-end performance.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/abstract-fractal-geometric-figure-background-with-texture_1194-305381.jpg?_wi=1",
imageAlt: "gothic tech circuit board blue",
},
{
name: "ShadowNet",
handle: "@shadownet",
testimonial: "The best infrastructure in the dark web.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-shot-round-ceiling-with-window-museum-vatican-daytime_181624-4457.jpg",
imageAlt: "data visualization dark blue gothic",
},
{
name: "Cipher",
handle: "@cipher",
testimonial: "Incredible work, deeply aesthetic.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/intricate-3d-cross-with-bright-lights_23-2151004866.jpg",
imageAlt: "cyber security shield neon blue",
},
]}
buttons={[
{
text: "Enter the Realm",
href: "#contact",
},
{ name: "AuraVex", handle: "@auravex", testimonial: "The architecture is absolute perfection, dark and powerful.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/astral-wallpapers-composition-with-rocks_23-2149687876.jpg?_wi=1" },
{ name: "VoidWalker", handle: "@voidwalk", testimonial: "samxhillsboi 777 changed my digital landscape forever.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/bright-colorful-neon-background_23-2150689406.jpg?_wi=1" },
{ name: "Nebula", handle: "@nebula", testimonial: "Gothic beauty meets high-end performance.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/abstract-fractal-geometric-figure-background-with-texture_1194-305381.jpg?_wi=1" },
{ name: "ShadowNet", handle: "@shadownet", testimonial: "The best infrastructure in the dark web.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/low-angle-shot-round-ceiling-with-window-museum-vatican-daytime_181624-4457.jpg" },
{ name: "Cipher", handle: "@cipher", testimonial: "Incredible work, deeply aesthetic.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/intricate-3d-cross-with-bright-lights_23-2151004866.jpg" },
]}
buttons={[{ text: "Enter the Realm", href: "#contact" }]}
imageSrc="http://img.b2bpic.net/free-photo/astral-wallpapers-composition-with-rocks_23-2149687876.jpg?_wi=2"
mediaAnimation="blur-reveal"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/dark-style-ninja-naruto_23-2151278573.jpg",
alt: "AuraVex",
},
{
src: "http://img.b2bpic.net/free-photo/medium-shot-young-man-posing-spotlight_23-2151915999.jpg",
alt: "VoidWalker",
},
{
src: "http://img.b2bpic.net/free-photo/girl-posing-with-blue-light-side-view_23-2149596262.jpg",
alt: "Nebula",
},
{
src: "http://img.b2bpic.net/free-photo/woman-virtual-reality-glasses-smart-technology_53876-102977.jpg",
alt: "ShadowNet",
},
{
src: "http://img.b2bpic.net/free-photo/anime-character-using-virtual-reality-glasses-metaverse_23-2151568825.jpg",
alt: "Cipher",
},
]}
marqueeItems={[
{
type: "text",
text: "Ultra-Secure",
},
{
type: "text",
text: "Gothic Architecture",
},
{
type: "text",
text: "Quantum Speed",
},
{
type: "text",
text: "Zero-Lag",
},
{
type: "text",
text: "Void-Ready",
},
]}
/>
</div>
@@ -174,21 +76,9 @@ export default function LandingPage() {
title="Core Offerings"
description="Robust architecture, built for power and aesthetic dominance."
accordionItems={[
{
id: "1",
title: "Gothic Infrastructure",
content: "Custom-built servers with high security and dark styling.",
},
{
id: "2",
title: "Digital Shadowing",
content: "Advanced data masking and privacy protocols.",
},
{
id: "3",
title: "Electric Performance",
content: "Lightning-fast hardware optimized for heavy processing loads.",
},
{ id: "1", title: "Gothic Infrastructure", content: "Custom-built servers with high security and dark styling." },
{ id: "2", title: "Digital Shadowing", content: "Advanced data masking and privacy protocols." },
{ id: "3", title: "Electric Performance", content: "Lightning-fast hardware optimized for heavy processing loads." },
]}
imageSrc="http://img.b2bpic.net/free-photo/abstract-fractal-geometric-figure-background-with-texture_1194-305381.jpg?_wi=2"
mediaAnimation="slide-up"
@@ -201,28 +91,6 @@ export default function LandingPage() {
testimonial="The dark aesthetic paired with iron-clad security is truly a unique find in today's tech world. 777 standards."
rating={5}
author="Valkyrie"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/dark-style-ninja-naruto_23-2151278573.jpg",
alt: "User 1",
},
{
src: "http://img.b2bpic.net/free-photo/medium-shot-young-man-posing-spotlight_23-2151915999.jpg",
alt: "User 2",
},
{
src: "http://img.b2bpic.net/free-photo/girl-posing-with-blue-light-side-view_23-2149596262.jpg",
alt: "User 3",
},
{
src: "http://img.b2bpic.net/free-photo/woman-virtual-reality-glasses-smart-technology_53876-102977.jpg",
alt: "User 4",
},
{
src: "http://img.b2bpic.net/free-photo/anime-character-using-virtual-reality-glasses-metaverse_23-2151568825.jpg",
alt: "User 5",
},
]}
ratingAnimation="slide-up"
avatarsAnimation="blur-reveal"
/>
@@ -234,22 +102,10 @@ export default function LandingPage() {
title="Join the Circle"
description="Send us your request, and we will contact you from the void."
inputs={[
{
name: "name",
type: "text",
placeholder: "Your Name",
},
{
name: "email",
type: "email",
placeholder: "Email Address",
},
{ name: "name", type: "text", placeholder: "Your Name" },
{ name: "email", type: "email", placeholder: "Email Address" },
]}
textarea={{
name: "message",
placeholder: "Describe your project...",
rows: 4,
}}
textarea={{ name: "message", placeholder: "Describe your project...", rows: 4 }}
imageSrc="http://img.b2bpic.net/free-photo/cup-tea-lamp-laptop-desktop-night_169016-17447.jpg"
/>
</div>
@@ -257,32 +113,8 @@ export default function LandingPage() {
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{
title: "Brand",
items: [
{
label: "About",
href: "#about",
},
{
label: "Services",
href: "#features",
},
],
},
{
title: "Legal",
items: [
{
label: "Privacy",
href: "#",
},
{
label: "Terms",
href: "#",
},
],
},
{ title: "Brand", items: [{ label: "About", href: "#about" }, { label: "Services", href: "#features" }] },
{ title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] },
]}
bottomLeftText="© 2024 samxhillsboi 777"
bottomRightText="Built in the Void"
@@ -291,4 +123,4 @@ export default function LandingPage() {
</ReactLenis>
</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-nunito), sans-serif;
font-family: var(--font-gothic), sans-serif;
position: relative;
min-height: 100vh;
overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
h4,
h5,
h6 {
font-family: var(--font-nunito), sans-serif;
font-family: var(--font-gothic), sans-serif;
}

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

@@ -10,14 +10,14 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #05050a;
--card: #0f0f1b;
--foreground: #d1d5db;
--primary-cta: #3b82f6;
--background: #050505;
--card: #0f0f12;
--foreground: #d4d4d8;
--primary-cta: #1e3a8a;
--primary-cta-text: #ffffff;
--secondary-cta: #1e293b;
--secondary-cta: #312e81;
--secondary-cta-text: #93c5fd;
--accent: #1e3a8a;
--accent: #4c1d95;
--background-accent: #000000;
/* text sizing - set by ThemeProvider */