Merge version_1 into main

Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
2026-03-02 23:14:51 +00:00

View File

@@ -20,7 +20,7 @@ export default function LandingPage() {
borderRadius="pill" borderRadius="pill"
contentWidth="medium" contentWidth="medium"
sizing="mediumSizeLargeTitles" sizing="mediumSizeLargeTitles"
background="grid" background="circleGradient"
cardStyle="outline" cardStyle="outline"
primaryButtonStyle="diagonal-gradient" primaryButtonStyle="diagonal-gradient"
secondaryButtonStyle="solid" secondaryButtonStyle="solid"
@@ -51,7 +51,7 @@ export default function LandingPage() {
{ text: "Connect", href: "#contact" } { text: "Connect", href: "#contact" }
]} ]}
buttonAnimation="slide-up" buttonAnimation="slide-up"
background={{ variant: "grid" }} background={{ variant: "plain" }}
mediaAnimation="none" mediaAnimation="none"
frameStyle="card" frameStyle="card"
/> />
@@ -74,19 +74,19 @@ export default function LandingPage() {
features={[ features={[
{ {
title: "E-Commerce Platform", description: "Built a complete e-commerce solution with Next.js, Stripe integration, and real-time inventory management. Achieved 99.5% uptime and sub-200ms load times.", button: { text: "View Details", href: "#" }, title: "E-Commerce Platform", description: "Built a complete e-commerce solution with Next.js, Stripe integration, and real-time inventory management. Achieved 99.5% uptime and sub-200ms load times.", button: { text: "View Details", href: "#" },
imageSrc: "/placeholders/placeholder1.webp?_wi=1", imageAlt: "E-Commerce Platform" imageSrc: "/placeholders/placeholder1.webp", imageAlt: "E-Commerce Platform"
}, },
{ {
title: "Real-Time Collaboration Tool", description: "Developed a WebSocket-based collaboration platform using React, Node.js, and MongoDB. Supports 100+ concurrent users with instant synchronization.", button: { text: "View Details", href: "#" }, title: "Real-Time Collaboration Tool", description: "Developed a WebSocket-based collaboration platform using React, Node.js, and MongoDB. Supports 100+ concurrent users with instant synchronization.", button: { text: "View Details", href: "#" },
imageSrc: "/placeholders/placeholder1.webp?_wi=2", imageAlt: "Real-Time Collaboration Tool" imageSrc: "/placeholders/placeholder1.webp", imageAlt: "Real-Time Collaboration Tool"
}, },
{ {
title: "Data Analytics Dashboard", description: "Created a comprehensive analytics dashboard with D3.js visualizations, processing 1M+ data points daily. Full-stack built with PostgreSQL and Express.", button: { text: "View Details", href: "#" }, title: "Data Analytics Dashboard", description: "Created a comprehensive analytics dashboard with D3.js visualizations, processing 1M+ data points daily. Full-stack built with PostgreSQL and Express.", button: { text: "View Details", href: "#" },
imageSrc: "/placeholders/placeholder1.webp?_wi=3", imageAlt: "Data Analytics Dashboard" imageSrc: "/placeholders/placeholder1.webp", imageAlt: "Data Analytics Dashboard"
}, },
{ {
title: "Mobile App Backend", description: "Engineered scalable REST and GraphQL APIs serving a React Native mobile app with 50K+ active users. Implemented advanced caching and CDN optimization.", button: { text: "View Details", href: "#" }, title: "Mobile App Backend", description: "Engineered scalable REST and GraphQL APIs serving a React Native mobile app with 50K+ active users. Implemented advanced caching and CDN optimization.", button: { text: "View Details", href: "#" },
imageSrc: "/placeholders/placeholder1.webp?_wi=4", imageAlt: "Mobile App Backend" imageSrc: "/placeholders/placeholder1.webp", imageAlt: "Mobile App Backend"
} }
]} ]}
gridVariant="two-columns-alternating-heights" gridVariant="two-columns-alternating-heights"
@@ -164,27 +164,27 @@ export default function LandingPage() {
testimonials={[ testimonials={[
{ {
id: "1", name: "Sarah Johnson", role: "CEO", company: "TechCorp", rating: 5, id: "1", name: "Sarah Johnson", role: "CEO", company: "TechCorp", rating: 5,
imageSrc: "/placeholders/placeholder1.webp?_wi=5", imageAlt: "Sarah Johnson" imageSrc: "/placeholders/placeholder1.webp", imageAlt: "Sarah Johnson"
}, },
{ {
id: "2", name: "Michael Chen", role: "CTO", company: "InnovateLabs", rating: 5, id: "2", name: "Michael Chen", role: "CTO", company: "InnovateLabs", rating: 5,
imageSrc: "/placeholders/placeholder1.webp?_wi=6", imageAlt: "Michael Chen" imageSrc: "/placeholders/placeholder1.webp", imageAlt: "Michael Chen"
}, },
{ {
id: "3", name: "Emily Rodriguez", role: "Product Manager", company: "StartupXYZ", rating: 5, id: "3", name: "Emily Rodriguez", role: "Product Manager", company: "StartupXYZ", rating: 5,
imageSrc: "/placeholders/placeholder1.webp?_wi=7", imageAlt: "Emily Rodriguez" imageSrc: "/placeholders/placeholder1.webp", imageAlt: "Emily Rodriguez"
}, },
{ {
id: "4", name: "David Kim", role: "Founder", company: "GrowthCo", rating: 5, id: "4", name: "David Kim", role: "Founder", company: "GrowthCo", rating: 5,
imageSrc: "/placeholders/placeholder1.webp?_wi=8", imageAlt: "David Kim" imageSrc: "/placeholders/placeholder1.webp", imageAlt: "David Kim"
}, },
{ {
id: "5", name: "Jessica Lee", role: "VP Engineering", company: "CloudSync", rating: 5, id: "5", name: "Jessica Lee", role: "VP Engineering", company: "CloudSync", rating: 5,
imageSrc: "/placeholders/placeholder1.webp?_wi=9", imageAlt: "Jessica Lee" imageSrc: "/placeholders/placeholder1.webp", imageAlt: "Jessica Lee"
}, },
{ {
id: "6", name: "Alex Thompson", role: "Director", company: "Digital Innovations", rating: 5, id: "6", name: "Alex Thompson", role: "Director", company: "Digital Innovations", rating: 5,
imageSrc: "/placeholders/placeholder1.webp?_wi=10", imageAlt: "Alex Thompson" imageSrc: "/placeholders/placeholder1.webp", imageAlt: "Alex Thompson"
} }
]} ]}
gridVariant="uniform-all-items-equal" gridVariant="uniform-all-items-equal"
@@ -202,7 +202,7 @@ export default function LandingPage() {
{ text: "Email Me", href: "mailto:noah@example.com" }, { text: "Email Me", href: "mailto:noah@example.com" },
{ text: "LinkedIn", href: "https://linkedin.com/in/noahwhiteson" } { text: "LinkedIn", href: "https://linkedin.com/in/noahwhiteson" }
]} ]}
background={{ variant: "grid" }} background={{ variant: "plain" }}
useInvertedBackground={false} useInvertedBackground={false}
/> />
</div> </div>