Merge version_1 into main #1
181
src/app/page.tsx
181
src/app/page.tsx
@@ -31,21 +31,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Projects",
|
||||
id: "projects",
|
||||
},
|
||||
name: "Projects", id: "projects"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="ANIME_DEV"
|
||||
/>
|
||||
@@ -57,33 +49,21 @@ export default function LandingPage() {
|
||||
description="Merging high-fidelity 3D animation with robust application architecture to build the next generation of interactive web experiences."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Portfolio",
|
||||
href: "#projects",
|
||||
},
|
||||
text: "View Portfolio", href: "#projects"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/abstract-blue-technology-background_1017-3299.jpg"
|
||||
showDimOverlay={true}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-employee-with-crossed-arms_1098-3148.jpg",
|
||||
alt: "Cheerful employee with crossed arms",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-employee-with-crossed-arms_1098-3148.jpg", alt: "Cheerful employee with crossed arms"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiley-woman-office-holding-tablet_23-2148356266.jpg",
|
||||
alt: "Smiley woman at office holding tablet",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiley-woman-office-holding-tablet_23-2148356266.jpg", alt: "Smiley woman at office holding tablet"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-confident-young-businessman-with-his-arms-crossed_23-2148176206.jpg",
|
||||
alt: "Portrait of confident young businessman with his arms crossed",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-confident-young-businessman-with-his-arms-crossed_23-2148176206.jpg", alt: "Portrait of confident young businessman with his arms crossed"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-successful-entrepreneur_1098-3855.jpg",
|
||||
alt: "Close-up of successful entrepreneur",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-successful-entrepreneur_1098-3855.jpg", alt: "Close-up of successful entrepreneur"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-woman-with-trendy-hairstyle_23-2149406004.jpg",
|
||||
alt: "Beautiful woman with trendy hairstyle",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-woman-with-trendy-hairstyle_23-2149406004.jpg", alt: "Beautiful woman with trendy hairstyle"},
|
||||
]}
|
||||
avatarText="Trusted by industry innovators"
|
||||
/>
|
||||
@@ -94,9 +74,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Bridging Art and Engineering"
|
||||
description={[
|
||||
"I specialize in high-performance web development combined with cinematic 3D animation.",
|
||||
"My goal is to create interfaces that aren't just usable, but truly immersive and technically robust.",
|
||||
]}
|
||||
"I specialize in high-performance web development combined with cinematic 3D animation.", "My goal is to create interfaces that aren't just usable, but truly immersive and technically robust."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -107,20 +85,11 @@ export default function LandingPage() {
|
||||
tag="Expertise"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "50+",
|
||||
description: "Projects Delivered",
|
||||
},
|
||||
id: "m1", value: "50+", description: "Projects Delivered"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "12+",
|
||||
description: "Industry Awards",
|
||||
},
|
||||
id: "m2", value: "12+", description: "Industry Awards"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "99%",
|
||||
description: "Client Satisfaction",
|
||||
},
|
||||
id: "m3", value: "99%", description: "Client Satisfaction"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -134,59 +103,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Brand",
|
||||
name: "Character Animation",
|
||||
price: "View Case Study",
|
||||
rating: 5,
|
||||
reviewCount: "100+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-cartoon-portrait-working-woman-celebration-labour-day_23-2151306577.jpg",
|
||||
},
|
||||
id: "p1", brand: "Brand", name: "Character Animation", price: "View Case Study", rating: 5,
|
||||
reviewCount: "100+", imageSrc: "http://img.b2bpic.net/free-photo/3d-cartoon-portrait-working-woman-celebration-labour-day_23-2151306577.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Architecture",
|
||||
name: "Digital Environments",
|
||||
price: "View Case Study",
|
||||
rating: 5,
|
||||
reviewCount: "85+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/neo-brutalism-inspired-building_23-2151004677.jpg",
|
||||
},
|
||||
id: "p2", brand: "Architecture", name: "Digital Environments", price: "View Case Study", rating: 5,
|
||||
reviewCount: "85+", imageSrc: "http://img.b2bpic.net/free-photo/neo-brutalism-inspired-building_23-2151004677.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Product",
|
||||
name: "Product Visualization",
|
||||
price: "View Case Study",
|
||||
rating: 5,
|
||||
reviewCount: "90+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/creative-company-professional-digital-engineer-modeling-3d-mesh-while-improving-geometry-asset-creator-optimising-polygon-count-while-using-cad-create-advanced-virtual-sketch_482257-42940.jpg",
|
||||
},
|
||||
id: "p3", brand: "Product", name: "Product Visualization", price: "View Case Study", rating: 5,
|
||||
reviewCount: "90+", imageSrc: "http://img.b2bpic.net/free-photo/creative-company-professional-digital-engineer-modeling-3d-mesh-while-improving-geometry-asset-creator-optimising-polygon-count-while-using-cad-create-advanced-virtual-sketch_482257-42940.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Abstract",
|
||||
name: "Motion Graphics",
|
||||
price: "View Case Study",
|
||||
rating: 5,
|
||||
reviewCount: "110+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-abstract-roses-bouquet_23-2150866719.jpg",
|
||||
},
|
||||
id: "p4", brand: "Abstract", name: "Motion Graphics", price: "View Case Study", rating: 5,
|
||||
reviewCount: "110+", imageSrc: "http://img.b2bpic.net/free-photo/close-up-abstract-roses-bouquet_23-2150866719.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "UX/UI",
|
||||
name: "Interactive UI Motion",
|
||||
price: "View Case Study",
|
||||
rating: 5,
|
||||
reviewCount: "95+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/miniature-airplane-spectacle-retro-camera-pink-backdrop_23-2148084316.jpg",
|
||||
},
|
||||
id: "p5", brand: "UX/UI", name: "Interactive UI Motion", price: "View Case Study", rating: 5,
|
||||
reviewCount: "95+", imageSrc: "http://img.b2bpic.net/free-photo/miniature-airplane-spectacle-retro-camera-pink-backdrop_23-2148084316.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Mech",
|
||||
name: "Technical Animation",
|
||||
price: "View Case Study",
|
||||
rating: 5,
|
||||
reviewCount: "70+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-using-ar-technology-their-daily-occupation_23-2151137523.jpg",
|
||||
},
|
||||
id: "p6", brand: "Mech", name: "Technical Animation", price: "View Case Study", rating: 5,
|
||||
reviewCount: "70+", imageSrc: "http://img.b2bpic.net/free-photo/person-using-ar-technology-their-daily-occupation_23-2151137523.jpg"},
|
||||
]}
|
||||
title="Featured Work"
|
||||
description="A curated collection of my 3D and development collaborations."
|
||||
@@ -200,20 +133,11 @@ export default function LandingPage() {
|
||||
description="Providing end-to-end digital experiences."
|
||||
accordionItems={[
|
||||
{
|
||||
id: "a1",
|
||||
title: "3D Animation",
|
||||
content: "Creating high-fidelity 3D character and environmental assets.",
|
||||
},
|
||||
id: "a1", title: "3D Animation", content: "Creating high-fidelity 3D character and environmental assets."},
|
||||
{
|
||||
id: "a2",
|
||||
title: "Frontend Development",
|
||||
content: "Building blazing-fast, responsive web interfaces using React and Next.js.",
|
||||
},
|
||||
id: "a2", title: "Frontend Development", content: "Building blazing-fast, responsive web interfaces using React and Next.js."},
|
||||
{
|
||||
id: "a3",
|
||||
title: "Motion UI",
|
||||
content: "Integrating complex animations directly into web and mobile experiences.",
|
||||
},
|
||||
id: "a3", title: "Motion UI", content: "Integrating complex animations directly into web and mobile experiences."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-with-laptop-posing-coworker_23-2148746260.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -222,44 +146,20 @@ export default function LandingPage() {
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alex Rivier",
|
||||
handle: "@alex",
|
||||
testimonial: "Exceptional eye for detail and technical skill.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-middle-aged-business-leader_1262-4845.jpg",
|
||||
},
|
||||
id: "1", name: "Alex Rivier", handle: "@alex", testimonial: "Exceptional eye for detail and technical skill.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-middle-aged-business-leader_1262-4845.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Jordan Smith",
|
||||
handle: "@jordan",
|
||||
testimonial: "Transformed our digital presence completely.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smart-pensive-redhead-hipster-with-full-beard-glasses-dressed-casual-clothes-poses-with-hand-chin-studio-isolated-dark-background_613910-20091.jpg",
|
||||
},
|
||||
id: "2", name: "Jordan Smith", handle: "@jordan", testimonial: "Transformed our digital presence completely.", imageSrc: "http://img.b2bpic.net/free-photo/smart-pensive-redhead-hipster-with-full-beard-glasses-dressed-casual-clothes-poses-with-hand-chin-studio-isolated-dark-background_613910-20091.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sam Taylor",
|
||||
handle: "@sam",
|
||||
testimonial: "The best 3D integration we have ever seen.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cute-hipster-woman-taking-photos-retro-camera_176420-16728.jpg",
|
||||
},
|
||||
id: "3", name: "Sam Taylor", handle: "@sam", testimonial: "The best 3D integration we have ever seen.", imageSrc: "http://img.b2bpic.net/free-photo/cute-hipster-woman-taking-photos-retro-camera_176420-16728.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Chris Lee",
|
||||
handle: "@chris",
|
||||
testimonial: "Reliable, creative, and highly professional.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/scientist-factory-using-tablet-check-photovoltaics-materials-parameters_482257-120526.jpg",
|
||||
},
|
||||
id: "4", name: "Chris Lee", handle: "@chris", testimonial: "Reliable, creative, and highly professional.", imageSrc: "http://img.b2bpic.net/free-photo/scientist-factory-using-tablet-check-photovoltaics-materials-parameters_482257-120526.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Pat Moore",
|
||||
handle: "@pat",
|
||||
testimonial: "Exceeded all our expectations on every level.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-successful-middle-aged-business-leader_1262-4872.jpg",
|
||||
},
|
||||
id: "5", name: "Pat Moore", handle: "@pat", testimonial: "Exceeded all our expectations on every level.", imageSrc: "http://img.b2bpic.net/free-photo/confident-successful-middle-aged-business-leader_1262-4872.jpg"},
|
||||
]}
|
||||
title="Client Feedback"
|
||||
description="Trusted by industry leaders."
|
||||
@@ -270,8 +170,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Get in touch"
|
||||
title="Ready to bring your vision to life?"
|
||||
description="Let's collaborate on your next digital adventure."
|
||||
@@ -282,13 +181,9 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="ANIME_DEV"
|
||||
leftLink={{
|
||||
text: "Terms",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Terms", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Privacy",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Privacy", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user