Merge version_1 into main #1
@@ -29,21 +29,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
name: "Services", id: "#services"},
|
||||
{
|
||||
name: "Projects",
|
||||
id: "#projects",
|
||||
},
|
||||
name: "Projects", id: "#projects"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="Jack"
|
||||
/>
|
||||
@@ -52,41 +44,22 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
}}
|
||||
variant: "rotated-rays-static"}}
|
||||
title="Hi, i'm jack"
|
||||
description="a 3d creator driven by crafting striking and unforgettable projects"
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-fashion-look-glamour-fashion-beautiful-black-american-woman-black-mask-with-orange-bright-makeup-orange-lips-with-orange-material_158538-9748.jpg",
|
||||
imageAlt: "Jack",
|
||||
},
|
||||
id: "1", imageSrc: "http://img.b2bpic.net/free-photo/high-fashion-look-glamour-fashion-beautiful-black-american-woman-black-mask-with-orange-bright-makeup-orange-lips-with-orange-material_158538-9748.jpg", imageAlt: "Jack"},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-working-animation-studio_23-2149208037.jpg",
|
||||
imageAlt: "Jack",
|
||||
},
|
||||
id: "2", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-working-animation-studio_23-2149208037.jpg", imageAlt: "Jack"},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-posing-with-brushes-canvas-black-high-quality-photo_114579-63520.jpg",
|
||||
imageAlt: "Jack",
|
||||
},
|
||||
id: "3", imageSrc: "http://img.b2bpic.net/free-photo/woman-posing-with-brushes-canvas-black-high-quality-photo_114579-63520.jpg", imageAlt: "Jack"},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-artist-woman-holding-art-supplies-red-wall_114579-55992.jpg",
|
||||
imageAlt: "Jack",
|
||||
},
|
||||
id: "4", imageSrc: "http://img.b2bpic.net/free-photo/young-artist-woman-holding-art-supplies-red-wall_114579-55992.jpg", imageAlt: "Jack"},
|
||||
{
|
||||
id: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-male-with-camera-cave-taking-picture_181624-3533.jpg",
|
||||
imageAlt: "Jack",
|
||||
},
|
||||
id: "5", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-male-with-camera-cave-taking-picture_181624-3533.jpg", imageAlt: "Jack"},
|
||||
{
|
||||
id: "6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/it-engineer-desk-generating-code-algorithm-with-ai-powered-chat_482257-121004.jpg",
|
||||
imageAlt: "Jack",
|
||||
},
|
||||
id: "6", imageSrc: "http://img.b2bpic.net/free-photo/it-engineer-desk-generating-code-algorithm-with-ai-powered-chat_482257-121004.jpg", imageAlt: "Jack"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -98,6 +71,24 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Portfolio Work"
|
||||
description="Selected motion works"
|
||||
features={[
|
||||
{
|
||||
title: "Motion Design", description: "High end 3D animation", imageSrc: "http://img.b2bpic.net/free-photo/neon-portrait-man-wearing-glasses_158595-7929.jpg"
|
||||
},
|
||||
{
|
||||
title: "3D Modeling", description: "Custom models", imageSrc: "http://img.b2bpic.net/free-photo/woman-artist-holding-brush-looking-canvas-black_114579-63523.jpg"
|
||||
},
|
||||
{
|
||||
title: "Visual Effects", description: "Stunning imagery", imageSrc: "http://img.b2bpic.net/free-photo/photo-retoucher-sitting-creative-workplace-looking-camera-smiling_482257-18778.jpg"
|
||||
},
|
||||
{
|
||||
title: "Creative Tech", description: "Algorithmic art", imageSrc: "http://img.b2bpic.net/free-photo/woman-engineer-working-late-night-3d-model-industrial-turbine-while-drinking-coffee-front-computer_482257-5165.jpg"
|
||||
},
|
||||
{
|
||||
title: "Rendering", description: "Photorealistic outputs", imageSrc: "http://img.b2bpic.net/free-photo/photographer-using-phone-tripod-record-explaining-basic-photography-editing-techniques_482257-82181.jpg"
|
||||
}
|
||||
]}
|
||||
animationType="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -134,16 +125,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Let's Talk"
|
||||
title="Start a project with Jack"
|
||||
description="Ready to bring your ideas to life?"
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Me",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Contact Me", href: "#contact"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -152,13 +140,9 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="JACK"
|
||||
leftLink={{
|
||||
text: "Terms",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Terms", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Privacy",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Privacy", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user