140 lines
6.7 KiB
TypeScript
140 lines
6.7 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
|
|
import FooterBase from '@/components/sections/footer/FooterBase';
|
|
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
|
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
|
import { Award } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="elastic-effect"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="rounded"
|
|
contentWidth="smallMedium"
|
|
sizing="large"
|
|
background="blurBottom"
|
|
cardStyle="soft-shadow"
|
|
primaryButtonStyle="diagonal-gradient"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
navItems={[
|
|
{ name: "Home", id: "hero" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Services", id: "features" },
|
|
{ name: "Contact", id: "contact" },
|
|
]}
|
|
brandName="Mondal Das"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitDualMedia
|
|
background={{ variant: "gradient-bars" }}
|
|
title="Crafting Excellence Through Design"
|
|
description="I am Mondal Das, a creative professional dedicated to building high-quality digital experiences that drive engagement and growth."
|
|
tag="Creative Portfolio"
|
|
mediaItems={[
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-working-as-interior-designer_23-2150346464.jpg", imageAlt: "Mondal Das Professional Portrait" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/closeup-computer-desktop-workspace_53876-30381.jpg", imageAlt: "Creative Studio Workspace" }
|
|
]}
|
|
mediaAnimation="slide-up"
|
|
rating={5}
|
|
ratingText="Top-rated creative expert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TestimonialAboutCard
|
|
useInvertedBackground={true}
|
|
tag="About Me"
|
|
title="Dedicated to Your Vision"
|
|
description="With a passion for digital craftsmanship, I transform complex ideas into intuitive visual narratives that resonate with audiences."
|
|
subdescription="My approach blends technical precision with creative strategy to deliver results that truly matter for brands."
|
|
icon={Award}
|
|
imageSrc="http://img.b2bpic.net/free-photo/side-view-beautiful-artist_23-2148372108.jpg"
|
|
mediaAnimation="blur-reveal"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTwentySeven
|
|
animationType="slide-up"
|
|
textboxLayout="split-description"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{ id: "f1", title: "Creative Strategy", descriptions: ["Data-driven brand strategies.", "Visual identity design.", "Market alignment."], imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-working-as-interior-designer_23-2150346464.jpg" },
|
|
{ id: "f2", title: "Digital Experience", descriptions: ["Web design & development.", "UI/UX interface design.", "Platform optimization."], imageSrc: "http://img.b2bpic.net/free-photo/closeup-computer-desktop-workspace_53876-30381.jpg" },
|
|
{ id: "f3", title: "Visual Storytelling", descriptions: ["High-impact content creation.", "Art direction.", "Motion graphics."], imageSrc: "http://img.b2bpic.net/free-photo/side-view-beautiful-artist_23-2148372108.jpg" }
|
|
]}
|
|
title="Expertise & Services"
|
|
description="Comprehensive creative services tailored to meet your unique business objectives."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTwelve
|
|
useInvertedBackground={true}
|
|
testimonials={[
|
|
{ id: "1", name: "Alex Rivet", imageSrc: "http://img.b2bpic.net/free-photo/positive-colleagues-posing-taking-selfie-photo-outdoors_1262-19188.jpg" },
|
|
{ id: "2", name: "Sarah Miller", imageSrc: "http://img.b2bpic.net/free-photo/people-taking-part-business-event_23-2149333720.jpg" },
|
|
{ id: "3", name: "David Chen", imageSrc: "http://img.b2bpic.net/free-photo/expressive-middle-aged-woman-posing_344912-2831.jpg" },
|
|
{ id: "4", name: "Emily Blunt", imageSrc: "http://img.b2bpic.net/free-photo/young-successful-businesswoman-smiling-standing-near-business-centre_176420-16777.jpg" },
|
|
{ id: "5", name: "Marcus Kane", imageSrc: "http://img.b2bpic.net/free-photo/pretty-attractive-young-mixed-race-model-with-large-afro-wearing-navy-jacket-her-naked-body-shorts_633478-1216.jpg" }
|
|
]}
|
|
cardTitle="Client Success Stories"
|
|
cardTag="Trusted by Professionals"
|
|
cardAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
useInvertedBackground={false}
|
|
background={{ variant: "sparkles-gradient" }}
|
|
tag="Contact"
|
|
title="Ready to Collaborate?"
|
|
description="Let's bring your next project to life. Get in touch today."
|
|
imageSrc="http://img.b2bpic.net/free-photo/office-coffee-interior-design_23-2151909910.jpg"
|
|
mediaPosition="right"
|
|
buttonText="Send Message"
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBase
|
|
columns={[
|
|
{
|
|
title: "Navigation", items: [
|
|
{ label: "Home", href: "#hero" },
|
|
{ label: "About", href: "#about" },
|
|
{ label: "Services", href: "#features" },
|
|
{ label: "Contact", href: "#contact" }
|
|
]
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Terms of Service", href: "#" }
|
|
]
|
|
}
|
|
]}
|
|
logoText="Mondal Das"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|