Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
306
src/app/page.tsx
306
src/app/page.tsx
@@ -26,217 +26,113 @@ export default function LandingPage() {
|
||||
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="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?_wi=1",
|
||||
imageAlt: "Mondal Das Professional Portrait",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-computer-desktop-workspace_53876-30381.jpg?_wi=1",
|
||||
imageAlt: "Creative Studio Workspace",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-colleagues-posing-taking-selfie-photo-outdoors_1262-19188.jpg?_wi=1",
|
||||
imageAlt: "Professional Creative Studio Environment",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-successful-businesswoman-smiling-standing-near-business-centre_176420-16777.jpg?_wi=1",
|
||||
imageAlt: "Modern Minimalist Design Focus",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/office-coffee-interior-design_23-2151909910.jpg?_wi=1",
|
||||
imageAlt: "Abstract Studio Texture Pattern",
|
||||
},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
ratingText="Top-rated creative expert"
|
||||
/>
|
||||
</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?_wi=1"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</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?_wi=2",
|
||||
imageAlt: "professional headshot photography studio",
|
||||
},
|
||||
{
|
||||
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?_wi=2",
|
||||
imageAlt: "abstract minimalist creative design",
|
||||
},
|
||||
{
|
||||
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?_wi=2",
|
||||
imageAlt: "creative professional working desk",
|
||||
},
|
||||
]}
|
||||
title="Expertise & Services"
|
||||
description="Comprehensive creative services tailored to meet your unique business objectives."
|
||||
/>
|
||||
</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?_wi=2",
|
||||
},
|
||||
{
|
||||
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?_wi=2",
|
||||
},
|
||||
{
|
||||
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="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?_wi=2"
|
||||
mediaPosition="right"
|
||||
buttonText="Send Message"
|
||||
mediaAnimation="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>
|
||||
<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>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user