Merge version_1 into main #1

Merged
bender merged 1 commits from version_1 into main 2026-04-13 03:39:16 +00:00

View File

@@ -25,192 +25,98 @@ export default function LandingPage() {
headingFontWeight="bold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "About",
id: "about",
},
{
name: "Services",
id: "features",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="Firdous Fatima"
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{ name: "Home", id: "hero" },
{ name: "About", id: "about" },
{ name: "Services", id: "features" },
{ name: "Contact", id: "contact" },
]}
brandName="Firdous Fatima"
button={{ text: "Contact Me", href: "#contact" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitDualMedia
background={{
variant: "gradient-bars",
}}
title="Elevating Brands Through Creative Strategy"
description="I help business owners amplify their social presence and create content that converts. Let's build your legacy together."
tag="Social Status Management & Content"
buttons={[
{
text: "Get Started",
href: "#contact",
},
]}
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/man-working-his-photography-studio_23-2149033346.jpg",
imageAlt: "minimalist creative workspace beige theme",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/snapshot-devices-notepad-glasses-apples-background-white-table_197531-25734.jpg",
imageAlt: "social media growth abstract beige",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-doing-beauty-vlog-home_23-2148916283.jpg",
imageAlt: "Young woman doing a beauty vlog at home",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-repairing-photo-camera_23-2149893864.jpg",
imageAlt: "Medium shot woman repairing photo camera",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/headphones-near-laptop_1162-158.jpg",
imageAlt: "Headphones near to laptop",
},
]}
mediaAnimation="slide-up"
rating={5}
ratingText="Trusted by 50+ business owners"
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitDualMedia
background={{ variant: "gradient-bars" }}
title="Elevating Brands Through Creative Strategy"
description="I help business owners amplify their social presence and create content that converts. Let's build your legacy together."
tag="Social Status Management & Content"
buttons={[{ text: "Get Started", href: "#contact" }]}
mediaItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/man-working-his-photography-studio_23-2149033346.jpg", imageAlt: "minimalist creative workspace beige theme" },
{ imageSrc: "http://img.b2bpic.net/free-photo/snapshot-devices-notepad-glasses-apples-background-white-table_197531-25734.jpg", imageAlt: "social media growth abstract beige" }
]}
mediaAnimation="slide-up"
rating={5}
ratingText="Trusted by 50+ business owners"
/>
</div>
<div id="about" data-section="about">
<TextSplitAbout
useInvertedBackground={true}
title="About Firdous Fatima"
description={[
"I specialize in transforming brands into powerful entities. As a social media expert, I don't just manage accounts; I tell stories.",
"My approach blends creativity with data-driven strategy to ensure your brand resonates with your target audience.",
"Whether you need content creation or social status management, I am here to elevate your presence to new heights.",
]}
/>
</div>
<div id="about" data-section="about">
<TextSplitAbout
useInvertedBackground={true}
title="About Firdous Fatima"
description={[
"I specialize in transforming brands into powerful entities. As a social media expert, I don't just manage accounts; I tell stories.", "My approach blends creativity with data-driven strategy to ensure your brand resonates with your target audience.", "Whether you need content creation or social status management, I am here to elevate your presence to new heights."
]}
/>
</div>
<div id="features" data-section="features">
<FeatureCardSeven
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
features={[
{
title: "Content Creation",
description: "High-quality, aesthetic content tailored to your unique brand voice.",
imageSrc: "http://img.b2bpic.net/free-vector/flat-social-media-background-with-computer_23-2147823354.jpg",
},
{
title: "Social Status Management",
description: "Strategic engagement and community building for long-term loyalty.",
imageSrc: "http://img.b2bpic.net/free-photo/youth-groups-with-pop-inspired-background_23-2151494857.jpg",
},
{
title: "Brand Curation",
description: "Curating your digital presence to ensure consistent, professional impact.",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-hands-holding-smartphone_23-2149636262.jpg",
},
]}
title="My Services"
description="Comprehensive creative and management services to streamline your growth."
/>
</div>
<div id="features" data-section="features">
<FeatureCardSeven
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
features={[
{ title: "Content Creation", description: "High-quality, aesthetic content tailored to your unique brand voice.", imageSrc: "http://img.b2bpic.net/free-vector/flat-social-media-background-with-computer_23-2147823354.jpg", imageAlt: "Content Creation" },
{ title: "Social Status Management", description: "Strategic engagement and community building for long-term loyalty.", imageSrc: "http://img.b2bpic.net/free-photo/youth-groups-with-pop-inspired-background_23-2151494857.jpg", imageAlt: "Social Status" },
{ title: "Brand Curation", description: "Curating your digital presence to ensure consistent, professional impact.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-hands-holding-smartphone_23-2149636262.jpg", imageAlt: "Brand Curation" }
]}
title="My Services"
description="Comprehensive creative and management services to streamline your growth."
/>
</div>
<div id="testimonial" data-section="testimonial">
<TestimonialCardSix
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
testimonials={[
{
id: "1",
name: "Sarah Miller",
handle: "@sarahbiz",
testimonial: "Firdous transformed my brand from invisible to iconic. Highly recommend!",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-middle-aged-businesswoman_23-2148204386.jpg",
},
{
id: "2",
name: "David Chen",
handle: "@davidtech",
testimonial: "Professional, creative, and always ahead of the curve.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-middle-aged-man-with-beard-hairstyle-dressed-elegant-blue-suit-textured-dark-background-studio_613910-19853.jpg",
},
{
id: "3",
name: "Elena Ross",
handle: "@elenaart",
testimonial: "Her eye for detail and strategy is unmatched.",
imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-stairs-drinking-coffee-using-phone_1303-31726.jpg",
},
{
id: "4",
name: "Marcus V.",
handle: "@marcusv",
testimonial: "Social status management has never been easier.",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-classy-woman-blue-suit_1303-22616.jpg",
},
{
id: "5",
name: "Nina J.",
handle: "@ninajones",
testimonial: "Content creation improved significantly in weeks.",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg",
},
]}
title="Client Success"
description="Voices of entrepreneurs I've helped scale their business."
/>
</div>
<div id="testimonial" data-section="testimonial">
<TestimonialCardSix
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
testimonials={[
{ id: "1", name: "Sarah Miller", handle: "@sarahbiz", testimonial: "Firdous transformed my brand from invisible to iconic. Highly recommend!", imageSrc: "http://img.b2bpic.net/free-photo/portrait-middle-aged-businesswoman_23-2148204386.jpg" },
{ id: "2", name: "David Chen", handle: "@davidtech", testimonial: "Professional, creative, and always ahead of the curve.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-middle-aged-man-with-beard-hairstyle-dressed-elegant-blue-suit-textured-dark-background-studio_613910-19853.jpg" },
{ id: "3", name: "Elena Ross", handle: "@elenaart", testimonial: "Her eye for detail and strategy is unmatched.", imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-stairs-drinking-coffee-using-phone_1303-31726.jpg" },
{ id: "4", name: "Marcus V.", handle: "@marcusv", testimonial: "Social status management has never been easier.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-classy-woman-blue-suit_1303-22616.jpg" },
{ id: "5", name: "Nina J.", handle: "@ninajones", testimonial: "Content creation improved significantly in weeks.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg" }
]}
title="Client Success"
description="Voices of entrepreneurs I've helped scale their business."
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
useInvertedBackground={false}
title="Ready to Work Together?"
description="Reach out and let's start scaling your business."
inputs={[
{
name: "name",
type: "text",
placeholder: "Your Name",
required: true,
},
{
name: "email",
type: "email",
placeholder: "firdoussun@mail.com",
required: true,
},
]}
textarea={{
name: "message",
placeholder: "Tell me about your business...",
rows: 4,
}}
imageSrc="http://img.b2bpic.net/free-photo/assortment-stationery-near-coffee-cup-calculator_23-2148128475.jpg"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
useInvertedBackground={false}
title="Ready to Work Together?"
description="Reach out and let's start scaling your business."
inputs={[
{ name: "name", type: "text", placeholder: "Your Name", required: true },
{ name: "email", type: "email", placeholder: "firdoussun@mail.com", required: true }
]}
textarea={{ name: "message", placeholder: "Tell me about your business...", rows: 4 }}
imageSrc="http://img.b2bpic.net/free-photo/assortment-stationery-near-coffee-cup-calculator_23-2148128475.jpg"
/>
</div>
<div id="footer" data-section="footer">
<FooterCard
logoText="Firdous Fatima"
copyrightText="© 2025 | Creative Digital Studio"
/>
</div>
<div id="footer" data-section="footer">
<FooterCard
logoText="Firdous Fatima"
copyrightText="© 2025 | Creative Digital Studio"
/>
</div>
</ReactLenis>
</ThemeProvider>
);