Update src/app/page.tsx
This commit is contained in:
138
src/app/page.tsx
138
src/app/page.tsx
@@ -4,12 +4,12 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import AboutMetric from '@/components/sections/about/AboutMetric';
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
|
||||
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
||||
import { Award, Users, Zap } from "lucide-react";
|
||||
import { Award, Users, Zap, LayoutGrid, Palette, FileText, Youtube } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -30,23 +30,15 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Work",
|
||||
id: "work",
|
||||
},
|
||||
name: "Services", id: "work"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="OBSDIAN"
|
||||
button={{
|
||||
text: "Let's Talk",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Let's Talk", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -56,37 +48,23 @@ export default function LandingPage() {
|
||||
description="I am Obsdian, a multidisciplinary designer focused on web and graphic design. Elevating brands through precision, logic, and aesthetic excellence."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Projects",
|
||||
href: "#work",
|
||||
},
|
||||
text: "View Services", href: "#work"},
|
||||
{
|
||||
text: "Get in touch",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get in touch", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/abstract-sale-busioness-background-banner-design-multipurpose_1340-16803.jpg"
|
||||
showBlur={true}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-smiling-middle-aged-business-leader_1262-4845.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-smiling-middle-aged-business-leader_1262-4845.jpg", alt: "Client 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-businessman-working-from-his-office-concept-hard-work_181624-33428.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-businessman-working-from-his-office-concept-hard-work_181624-33428.jpg", alt: "Client 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-businessman-sitting-desk-table-business-company-office_482257-16773.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-businessman-sitting-desk-table-business-company-office_482257-16773.jpg", alt: "Client 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-gorgeous-slim-young-female-white-shirt-skirt-posing-against-copy-space-studio-wall-background-your-advertisement-having-confident-facial-expression-looking-camera_343059-2156.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-gorgeous-slim-young-female-white-shirt-skirt-posing-against-copy-space-studio-wall-background-your-advertisement-having-confident-facial-expression-looking-camera_343059-2156.jpg", alt: "Client 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-mature-businessman-looking-away_23-2147955371.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-mature-businessman-looking-away_23-2147955371.jpg", alt: "Client 5"},
|
||||
]}
|
||||
avatarText="Trusted by 80+ industry leaders"
|
||||
/>
|
||||
@@ -99,47 +77,39 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Zap,
|
||||
label: "Projects Completed",
|
||||
value: "150+",
|
||||
},
|
||||
label: "Projects Completed", value: "150+"},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Design Awards",
|
||||
value: "24",
|
||||
},
|
||||
label: "Design Awards", value: "24"},
|
||||
{
|
||||
icon: Users,
|
||||
label: "Satisfied Clients",
|
||||
value: "80+",
|
||||
},
|
||||
label: "Satisfied Clients", value: "80+"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="work" data-section="work">
|
||||
<FeatureCardSix
|
||||
<FeatureCardTwelve
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="My Services"
|
||||
description="Comprehensive design solutions tailored to your brand needs."
|
||||
features={[
|
||||
{
|
||||
title: "Brand Identity Redesign",
|
||||
description: "Holistic visual strategy for tech startups.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-career-guidance-items-designers_23-2149443496.jpg?_wi=1",
|
||||
id: "web", label: "Digital Presence", title: "Website Building", items: ["Custom UI/UX Design", "Responsive Development", "SEO Integration"],
|
||||
},
|
||||
{
|
||||
title: "Web Application UI",
|
||||
description: "Interface design for scalable SaaS platforms.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-career-guidance-items-designers_23-2149443496.jpg?_wi=2",
|
||||
id: "logo", label: "Identity", title: "Logo Design", items: ["Vector Graphics", "Brand Style Guides", "Brand Kits"],
|
||||
},
|
||||
{
|
||||
title: "Print & Editorial",
|
||||
description: "Sophisticated typography-led marketing materials.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-career-guidance-items-designers_23-2149443496.jpg?_wi=3",
|
||||
id: "flyer", label: "Marketing", title: "Flyers & Print", items: ["Posters & Brochures", "Print-Ready Files", "Layout Composition"],
|
||||
},
|
||||
{
|
||||
id: "thumbnail", label: "Content", title: "YouTube Thumbnails", items: ["Click-Through Optimized", "High-Quality Composition", "Brand Consistency"],
|
||||
},
|
||||
]}
|
||||
title="Selected Works"
|
||||
description="A curated collection of my most impactful design projects."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -148,30 +118,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-middle-aged-business-leader_1262-4845.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah J.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-middle-aged-business-leader_1262-4845.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark C.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-working-from-his-office-concept-hard-work_181624-33428.jpg",
|
||||
},
|
||||
id: "2", name: "Mark C.", imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-working-from-his-office-concept-hard-work_181624-33428.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily R.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-businessman-sitting-desk-table-business-company-office_482257-16773.jpg",
|
||||
},
|
||||
id: "3", name: "Emily R.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-businessman-sitting-desk-table-business-company-office_482257-16773.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David K.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-gorgeous-slim-young-female-white-shirt-skirt-posing-against-copy-space-studio-wall-background-your-advertisement-having-confident-facial-expression-looking-camera_343059-2156.jpg",
|
||||
},
|
||||
id: "4", name: "David K.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-gorgeous-slim-young-female-white-shirt-skirt-posing-against-copy-space-studio-wall-background-your-advertisement-having-confident-facial-expression-looking-camera_343059-2156.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Lisa M.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-mature-businessman-looking-away_23-2147955371.jpg",
|
||||
},
|
||||
id: "5", name: "Lisa M.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-mature-businessman-looking-away_23-2147955371.jpg"},
|
||||
]}
|
||||
cardTitle="Client Voices"
|
||||
cardTag="Testimonials"
|
||||
@@ -183,8 +138,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Let's Connect"
|
||||
title="Ready for your next project?"
|
||||
description="I'm always open to new design challenges and creative collaborations. Let's build something significant together."
|
||||
@@ -197,33 +151,21 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
title: "Navigation", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Work",
|
||||
href: "#work",
|
||||
},
|
||||
label: "Services", href: "#work"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -233,4 +175,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user