|
|
|
@@ -12,7 +12,7 @@ import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/Nav
|
|
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
|
|
import SplitAbout from '@/components/sections/about/SplitAbout';
|
|
|
|
import SplitAbout from '@/components/sections/about/SplitAbout';
|
|
|
|
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
|
|
|
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
|
|
|
import { Award, CheckCircle } from "lucide-react";
|
|
|
|
import { Award, CheckCircle, Palette, Monitor, Cuboid } from "lucide-react";
|
|
|
|
|
|
|
|
|
|
|
|
export default function LandingPage() {
|
|
|
|
export default function LandingPage() {
|
|
|
|
return (
|
|
|
|
return (
|
|
|
|
@@ -26,7 +26,7 @@ export default function LandingPage() {
|
|
|
|
cardStyle="glass-elevated"
|
|
|
|
cardStyle="glass-elevated"
|
|
|
|
primaryButtonStyle="diagonal-gradient"
|
|
|
|
primaryButtonStyle="diagonal-gradient"
|
|
|
|
secondaryButtonStyle="glass"
|
|
|
|
secondaryButtonStyle="glass"
|
|
|
|
headingFontWeight="semibold"
|
|
|
|
headingFontWeight="bold"
|
|
|
|
>
|
|
|
|
>
|
|
|
|
<ReactLenis root>
|
|
|
|
<ReactLenis root>
|
|
|
|
<div id="nav" data-section="nav">
|
|
|
|
<div id="nav" data-section="nav">
|
|
|
|
@@ -54,6 +54,8 @@ export default function LandingPage() {
|
|
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/red-coffee-cup-open-laptop-white-background_23-2148178591.jpg", imageAlt: "Hero Creative 4" },
|
|
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/red-coffee-cup-open-laptop-white-background_23-2148178591.jpg", imageAlt: "Hero Creative 4" },
|
|
|
|
]}
|
|
|
|
]}
|
|
|
|
buttons={[{ text: "View Projects", href: "#features" }]}
|
|
|
|
buttons={[{ text: "View Projects", href: "#features" }]}
|
|
|
|
|
|
|
|
titleClassName="font-mono uppercase tracking-tighter text-5xl font-bold"
|
|
|
|
|
|
|
|
descriptionClassName="font-sans text-base"
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
@@ -78,14 +80,59 @@ export default function LandingPage() {
|
|
|
|
gridVariant="three-columns-all-equal-width"
|
|
|
|
gridVariant="three-columns-all-equal-width"
|
|
|
|
useInvertedBackground={false}
|
|
|
|
useInvertedBackground={false}
|
|
|
|
features={[
|
|
|
|
features={[
|
|
|
|
{ title: "Brand Identity", description: "Crafting visual identities for startups.", imageSrc: "http://img.b2bpic.net/free-photo/elegant-cozy-office-with-laptop-desk_23-2149636248.jpg" },
|
|
|
|
{ title: "Brand Identity", description: "Crafting visual identities for startups.", imageSrc: "http://img.b2bpic.net/free-photo/elegant-cozy-office-with-laptop-desk_23-2149636248.jpg?_wi=1" },
|
|
|
|
{ title: "Web Platforms", description: "Design systems for scalable platforms.", imageSrc: "http://img.b2bpic.net/free-photo/black-bokeh-background_1017-3117.jpg" },
|
|
|
|
{ title: "Web Platforms", description: "Design systems for scalable platforms.", imageSrc: "http://img.b2bpic.net/free-photo/black-bokeh-background_1017-3117.jpg?_wi=1" },
|
|
|
|
]}
|
|
|
|
]}
|
|
|
|
title="Selected Works"
|
|
|
|
title="Selected Works"
|
|
|
|
description="A collection of design projects ranging from branding to UI/UX and motion design."
|
|
|
|
description="A collection of design projects ranging from branding to UI/UX and motion design."
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div id="graphic-designer" data-section="graphic-designer">
|
|
|
|
|
|
|
|
<FeatureCardThree
|
|
|
|
|
|
|
|
animationType="slide-up"
|
|
|
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
|
|
|
gridVariant="three-columns-all-equal-width"
|
|
|
|
|
|
|
|
useInvertedBackground={true}
|
|
|
|
|
|
|
|
features={[
|
|
|
|
|
|
|
|
{ title: "Visual Identity", description: "Logo design and brand guidelines.", imageSrc: "http://img.b2bpic.net/free-photo/elegant-cozy-office-with-laptop-desk_23-2149636248.jpg?_wi=2" },
|
|
|
|
|
|
|
|
{ title: "Print Media", description: "Marketing materials and editorial design.", imageSrc: "http://img.b2bpic.net/free-photo/black-bokeh-background_1017-3117.jpg?_wi=2" },
|
|
|
|
|
|
|
|
]}
|
|
|
|
|
|
|
|
title="Graphic Designer"
|
|
|
|
|
|
|
|
description="Professional graphic design solutions that elevate brand presence through intentional visuals."
|
|
|
|
|
|
|
|
/>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div id="ui-ux-designer" data-section="ui-ux-designer">
|
|
|
|
|
|
|
|
<FeatureCardThree
|
|
|
|
|
|
|
|
animationType="slide-up"
|
|
|
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
|
|
|
gridVariant="three-columns-all-equal-width"
|
|
|
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
|
|
|
features={[
|
|
|
|
|
|
|
|
{ title: "App Interfaces", description: "Intuitive layouts for mobile applications.", imageSrc: "http://img.b2bpic.net/free-photo/elegant-cozy-office-with-laptop-desk_23-2149636248.jpg?_wi=3" },
|
|
|
|
|
|
|
|
{ title: "Web UX", description: "Streamlined user flows for web products.", imageSrc: "http://img.b2bpic.net/free-photo/black-bokeh-background_1017-3117.jpg?_wi=3" },
|
|
|
|
|
|
|
|
]}
|
|
|
|
|
|
|
|
title="UI/UX Designer"
|
|
|
|
|
|
|
|
description="Creating accessible and engaging user experiences focused on conversion and usability."
|
|
|
|
|
|
|
|
/>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div id="3d-designer" data-section="3d-designer">
|
|
|
|
|
|
|
|
<FeatureCardThree
|
|
|
|
|
|
|
|
animationType="slide-up"
|
|
|
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
|
|
|
gridVariant="three-columns-all-equal-width"
|
|
|
|
|
|
|
|
useInvertedBackground={true}
|
|
|
|
|
|
|
|
features={[
|
|
|
|
|
|
|
|
{ title: "3D Models", description: "Detailed 3D assets for various industries.", imageSrc: "http://img.b2bpic.net/free-photo/elegant-cozy-office-with-laptop-desk_23-2149636248.jpg?_wi=4" },
|
|
|
|
|
|
|
|
{ title: "Product Visualization", description: "Realistic product renderings and animations.", imageSrc: "http://img.b2bpic.net/free-photo/black-bokeh-background_1017-3117.jpg?_wi=4" },
|
|
|
|
|
|
|
|
]}
|
|
|
|
|
|
|
|
title="3D Designer"
|
|
|
|
|
|
|
|
description="Bringing ideas into the third dimension with high-quality models and rendering techniques."
|
|
|
|
|
|
|
|
/>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
|
|
<MetricCardOne
|
|
|
|
<MetricCardOne
|
|
|
|
animationType="slide-up"
|
|
|
|
animationType="slide-up"
|
|
|
|
@@ -153,4 +200,4 @@ export default function LandingPage() {
|
|
|
|
</ReactLenis>
|
|
|
|
</ReactLenis>
|
|
|
|
</ThemeProvider>
|
|
|
|
</ThemeProvider>
|
|
|
|
);
|
|
|
|
);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
