Update src/app/sandbox/page.tsx
This commit is contained in:
@@ -8,7 +8,7 @@ import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNinete
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function SandboxPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="directional-hover"
|
||||
@@ -26,24 +26,13 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Blog",
|
||||
id: "/blog",
|
||||
},
|
||||
{
|
||||
name: "Resume",
|
||||
id: "/resume",
|
||||
},
|
||||
{
|
||||
name: "Sandbox",
|
||||
id: "/sandbox",
|
||||
},
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Blog", id: "/blog" },
|
||||
{ name: "Resume", id: "/resume" },
|
||||
{ name: "Sandbox", id: "/sandbox" },
|
||||
]}
|
||||
brandName="Portfolio"
|
||||
button={{ text: "Home", href: "/" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -52,21 +41,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Python Scripting",
|
||||
description: "Automating boring tasks.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/creative-woman-working-computer_53876-96942.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
title: "React Experiments",
|
||||
description: "Building interactive UI widgets.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-digital-technology-background-network-communications-sound-waves_1048-13254.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
title: "API Prototypes",
|
||||
description: "Testing data connections.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-particle-background_1048-11982.jpg?_wi=1",
|
||||
},
|
||||
{ title: "Python Scripting", description: "Automating boring tasks.", imageSrc: "http://img.b2bpic.net/free-photo/creative-woman-working-computer_53876-96942.jpg" },
|
||||
{ title: "React Experiments", description: "Building interactive UI widgets.", imageSrc: "http://img.b2bpic.net/free-photo/3d-render-digital-technology-background-network-communications-sound-waves_1048-13254.jpg" },
|
||||
{ title: "API Prototypes", description: "Testing data connections.", imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-particle-background_1048-11982.jpg" },
|
||||
]}
|
||||
title="The Sandbox"
|
||||
description="Testing code and experimenting with new scripts here."
|
||||
@@ -80,20 +57,8 @@ export default function LandingPage() {
|
||||
title="Project Highlights"
|
||||
description="Top selected experiments."
|
||||
features={[
|
||||
{
|
||||
tag: "AI",
|
||||
title: "Neural Art",
|
||||
subtitle: "Generative",
|
||||
description: "Models creating art.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-particle-background_1048-11982.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
tag: "Dev",
|
||||
title: "React Widgets",
|
||||
subtitle: "UI Tools",
|
||||
description: "Reusable UI modules.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/electricity-flowing-smooth-blue-abstract-wave-generated-by-ai_188544-15334.jpg?_wi=2",
|
||||
},
|
||||
{ tag: "AI", title: "Neural Art", subtitle: "Generative", description: "Models creating art.", imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-particle-background_1048-11982.jpg" },
|
||||
{ tag: "Dev", title: "React Widgets", subtitle: "UI Tools", description: "Reusable UI modules.", imageSrc: "http://img.b2bpic.net/free-photo/electricity-flowing-smooth-blue-abstract-wave-generated-by-ai_188544-15334.jpg" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -106,56 +71,18 @@ export default function LandingPage() {
|
||||
description="How to contribute to these projects."
|
||||
faqsAnimation="slide-up"
|
||||
faqs={[
|
||||
{
|
||||
id: "s1",
|
||||
title: "License?",
|
||||
content: "MIT License.",
|
||||
},
|
||||
{
|
||||
id: "s2",
|
||||
title: "How to clone?",
|
||||
content: "See GitHub.",
|
||||
},
|
||||
{
|
||||
id: "s3",
|
||||
title: "Tech Stack?",
|
||||
content: "React, Tailwind, Node.",
|
||||
},
|
||||
{
|
||||
id: "s4",
|
||||
title: "Testing?",
|
||||
content: "Jest and Cypress.",
|
||||
},
|
||||
{
|
||||
id: "s5",
|
||||
title: "Deploying?",
|
||||
content: "Vercel.",
|
||||
},
|
||||
{ id: "s1", title: "License?", content: "MIT License." },
|
||||
{ id: "s2", title: "How to clone?", content: "See GitHub." },
|
||||
{ id: "s3", title: "Tech Stack?", content: "React, Tailwind, Node." },
|
||||
{ id: "s4", title: "Testing?", content: "Jest and Cypress." },
|
||||
{ id: "s5", title: "Deploying?", content: "Vercel." },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Explore",
|
||||
items: [
|
||||
{
|
||||
label: "Blog",
|
||||
href: "/blog",
|
||||
},
|
||||
{
|
||||
label: "Resume",
|
||||
href: "/resume",
|
||||
},
|
||||
{
|
||||
label: "Sandbox",
|
||||
href: "/sandbox",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
columns={[{ title: "Explore", items: [{ label: "Blog", href: "/blog" }, { label: "Resume", href: "/resume" }, { label: "Sandbox", href: "/sandbox" }] }]}
|
||||
bottomLeftText="© 2024 Portfolio"
|
||||
bottomRightText="Built with passion."
|
||||
/>
|
||||
@@ -163,4 +90,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user