Skip to content

Commit 08bdea5

Browse files
rmbrnttrmbrntt
committed
feat: minimal landing
1 parent 279997d commit 08bdea5

File tree

2 files changed

+59
-55
lines changed

2 files changed

+59
-55
lines changed

‎site/src/components/QuantumHero.tsx

+58-54
Original file line numberDiff line numberDiff line change
@@ -2,6 +2,43 @@ import { useState, useEffect } from 'react';
22
import { motion } from 'framer-motion';
33
import { GentleCTA } from './GentleCTA';
44

5+
const CTA = ({ textVariants }: { textVariants: any }) => (
6+
<motion.div
7+
className="grid grid-cols-1 md:grid-cols-2 gap-8 mt-16"
8+
variants={textVariants}
9+
>
10+
{/* Recent Thoughts */}
11+
{/* <div className="card bg-base-900/50 backdrop-blur-sm border-quantum-primary/20">
12+
<h3 className="text-quantum-primary text-lg mb-4">Recent Thoughts</h3>
13+
<div className="space-y-4">
14+
<a href="/thoughts/building-a-digital-garden" className="block group">
15+
<h4 className="text-base-50 group-hover:text-quantum-primary transition-colors">Building a Digital Garden</h4>
16+
<time className="text-sm text-base-300">February 19, 2024</time>
17+
</a>
18+
<a href="/thoughts/system-thinking" className="block group">
19+
<h4 className="text-base-50 group-hover:text-quantum-primary transition-colors">System Thinking and Software</h4>
20+
<time className="text-sm text-base-300">February 14, 2024</time>
21+
</a>
22+
</div>
23+
</div> */}
24+
25+
{/* Active Projects */}
26+
{/* <div className="card bg-base-900/50 backdrop-blur-sm border-quantum-secondary/20">
27+
<h3 className="text-quantum-secondary text-lg mb-4">Active Projects</h3>
28+
<div className="space-y-4">
29+
<div className="group">
30+
<h4 className="text-base-50">Quantum Design System</h4>
31+
<p className="text-sm text-base-300">Building a unified design language</p>
32+
</div>
33+
<div className="group">
34+
<h4 className="text-base-50">Digital Garden</h4>
35+
<p className="text-sm text-base-300">Growing a knowledge ecosystem</p>
36+
</div>
37+
</div>
38+
</div> */}
39+
</motion.div>
40+
)
41+
542
export default function QuantumHero() {
643
const [isVisible, setIsVisible] = useState(false);
744

@@ -39,67 +76,34 @@ export default function QuantumHero() {
3976
initial="hidden"
4077
animate={isVisible ? "visible" : "hidden"}
4178
>
42-
{/* Quantum substrate background */}
43-
<div className="absolute inset-0 bg-gradient-to-b from-base-950 to-base-900 opacity-90" />
44-
45-
{/* Main content container with proper centering */}
46-
<div className="relative h-full z-10 flex items-center justify-center px-4 sm:px-6 lg:px-8">
47-
<div className="w-full max-w-4xl mx-auto text-center">
48-
<motion.h1
49-
className="text-4xl md:text-5xl lg:text-6xl font-medium text-base-50 mb-6"
50-
variants={textVariants}
51-
>
52-
Technology × Human Potential
53-
</motion.h1>
54-
55-
<motion.div
56-
className="text-xl md:text-2xl text-base-200 mb-12"
57-
variants={textVariants}
58-
>
59-
Lead. Solve. Learn.
60-
</motion.div>
79+
{/* Quantum substrate background */}
80+
<div className="absolute inset-0 bg-gradient-to-b from-base-950 to-base-900 opacity-90" />
6181

62-
<motion.div
63-
className="grid grid-cols-1 md:grid-cols-2 gap-8 mt-16"
64-
variants={textVariants}
65-
>
66-
{/* Recent Thoughts */}
67-
{/* <div className="card bg-base-900/50 backdrop-blur-sm border-quantum-primary/20">
68-
<h3 className="text-quantum-primary text-lg mb-4">Recent Thoughts</h3>
69-
<div className="space-y-4">
70-
<a href="/thoughts/building-a-digital-garden" className="block group">
71-
<h4 className="text-base-50 group-hover:text-quantum-primary transition-colors">Building a Digital Garden</h4>
72-
<time className="text-sm text-base-300">February 19, 2024</time>
73-
</a>
74-
<a href="/thoughts/system-thinking" className="block group">
75-
<h4 className="text-base-50 group-hover:text-quantum-primary transition-colors">System Thinking and Software</h4>
76-
<time className="text-sm text-base-300">February 14, 2024</time>
77-
</a>
78-
</div>
79-
</div> */}
82+
{/* Main content container */}
83+
<div className="h-full flex items-center xs:mt-8 sm:mt-24 md:mt-32 lg:mt-56">
84+
<div className="max-w-4xl w-full text-center px-4 mx-auto">
85+
<motion.h1
86+
className="text-4xl font-medium text-base-50 leading-tight sm:text-5xl lg:text-6xl"
87+
variants={textVariants}
88+
>
89+
Technology × Human Potential
90+
</motion.h1>
91+
92+
<motion.div
93+
className="text-xl text-base-200 sm:text-2xl mt-8"
94+
variants={textVariants}
95+
>
96+
Lead. Solve. Learn.
97+
</motion.div>
8098

81-
{/* Active Projects */}
82-
{/* <div className="card bg-base-900/50 backdrop-blur-sm border-quantum-secondary/20">
83-
<h3 className="text-quantum-secondary text-lg mb-4">Active Projects</h3>
84-
<div className="space-y-4">
85-
<div className="group">
86-
<h4 className="text-base-50">Quantum Design System</h4>
87-
<p className="text-sm text-base-300">Building a unified design language</p>
88-
</div>
89-
<div className="group">
90-
<h4 className="text-base-50">Digital Garden</h4>
91-
<p className="text-sm text-base-300">Growing a knowledge ecosystem</p>
92-
</div>
93-
</div>
94-
</div> */}
95-
</motion.div>
99+
{/* <CTA textVariants={textVariants} /> */}
96100

97101
</div>
98102

99103
</div>
100104

101105
{/* Explore CTA with improved positioning */}
102-
<motion.div
106+
{/* <motion.div
103107
className="relative z-20 w-full flex justify-center"
104108
variants={textVariants}
105109
>
@@ -109,7 +113,7 @@ export default function QuantumHero() {
109113
withBloch={true}
110114
className="text-quantum-primary/60 pt-36"
111115
/>
112-
</motion.div>
116+
</motion.div> */}
113117
</motion.div>
114118
);
115119
}

‎site/src/layouts/BaseLayout.astro

+1-1
Original file line numberDiff line numberDiff line change
@@ -26,7 +26,7 @@ const { title } = Astro.props;
2626
class="sticky top-0 z-50 w-full border-b border-border/40 bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60">
2727
<div
2828
class="mx-auto flex h-14 max-w-screen-2xl items-center justify-between px-4">
29-
<Navigation />
29+
<!-- <Navigation /> -->
3030
<ThemeToggle client:only="react" />
3131
</div>
3232
</header>

0 commit comments

Comments
 (0)