Merge version_1 into main

Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
2026-05-19 16:42:01 +00:00

View File

@@ -28,328 +28,149 @@ export default function LandingPage() {
headingFontWeight="extrabold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "About",
id: "about",
},
{
name: "Services",
id: "features",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="TheNotable Business Enterprise"
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{ name: "Home", id: "hero" },
{ name: "About", id: "about" },
{ name: "Services", id: "features" },
{ name: "Contact", id: "contact" }
]}
brandName="TheNotable Business Enterprise"
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitDoubleCarousel
background={{
variant: "plain",
}}
title="Innovation Meets Enterprise"
description="We are TheNotable Business Enterprise. We scale businesses, invest in local ventures, and craft high-performance digital experiences."
leftCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/blue-graph-chart-data-statistic-report-information-icon-symbol-sign-website-element-concept-illustration-white-background-3d-rendering_56104-1212.jpg",
imageAlt: "3D growth chart",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/3d-modern-plexus-low-poly-design-with-selective-focus_1048-12167.jpg",
imageAlt: "3D web tech",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/happy-delivery-boy_23-2151952971.jpg",
imageAlt: "3D e-commerce",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/chrome-spheres-attached-red-sphere_1156-675.jpg",
imageAlt: "3D networking",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/seo-optimization-3d-render-cartoon-illustration_107791-16996.jpg",
imageAlt: "3D web portal",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/fun-3d-cartoon-illustration-indian-businessman_183364-114500.jpg",
imageAlt: "3D local development",
},
]}
rightCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/view-building-with-cartoon-style-architecture_23-2151154812.jpg",
imageAlt: "3D architecture",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/view-3d-computer-device-with-peripheral-devices_23-2150714049.jpg",
imageAlt: "3D portal",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/3d-futuristic-landscape-shiny-cubes-monotone_1048-12329.jpg",
imageAlt: "3D networking",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/seamless-pattern-christmas-gift-boxes_23-2147965650.jpg",
imageAlt: "3D e-commerce",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-cartoon-house_52683-108577.jpg",
imageAlt: "3D web tech",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/woman-immersed-digital-data-binary-code_23-2152004080.jpg",
imageAlt: "3D growth",
},
]}
buttons={[
{
text: "Get Started",
href: "#contact",
},
]}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/portrait-young-confident-businessman-wearing-glasses_158595-5355.jpg",
alt: "Portrait young, confident businessman wearing glasses",
},
{
src: "http://img.b2bpic.net/free-photo/closeup-handsome-middle-aged-business-leader_1262-4822.jpg",
alt: "Closeup of Handsome Middle-aged Business Leader",
},
{
src: "http://img.b2bpic.net/free-photo/cheerful-businessman-smiling_74855-1511.jpg",
alt: "Cheerful businessman smiling",
},
{
src: "http://img.b2bpic.net/free-photo/medium-shot-smart-business-executive-forlmalwear-standing-outside-office-building-have-his-takeaway-coffee_1098-19265.jpg",
alt: "Medium shot of smart business executive in forlmalwear standing outside the office building to have his takeaway coffee",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-smart-young-woman-posing-office_23-2148452668.jpg",
alt: "Portrait of smart young woman posing at the office",
},
]}
avatarText="Trusted by 200+ industry leaders worldwide."
marqueeItems={[
{
type: "image",
src: "http://img.b2bpic.net/free-vector/elegant-minimal-logo-design-set-six_1017-36989.jpg",
alt: "Minimalist logo design element",
},
{
type: "image",
src: "http://img.b2bpic.net/free-vector/minimalist-line-logo-concept-design_1017-33246.jpg",
alt: "Minimalist line logo design element",
},
{
type: "image",
src: "http://img.b2bpic.net/free-vector/minimal-logo-collection-two-colors_23-2148383904.jpg",
alt: "Minimal logo collection element",
},
{
type: "image",
src: "http://img.b2bpic.net/free-vector/minimal-logo-collection-with-pastel-colors_23-2148374486.jpg",
alt: "Minimal logo pastel element",
},
{
type: "image",
src: "http://img.b2bpic.net/free-vector/minimal-logo-collection-with-pastel-colors_23-2148367261.jpg",
alt: "Minimal logo set element",
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitDoubleCarousel
background={{ variant: "plain" }}
title="Innovation Meets Enterprise"
description="We are TheNotable Business Enterprise. We scale businesses, invest in local ventures, and craft high-performance digital experiences."
leftCarouselItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/blue-graph-chart-data-statistic-report-information-icon-symbol-sign-website-element-concept-illustration-white-background-3d-rendering_56104-1212.jpg", imageAlt: "3D growth chart" },
{ imageSrc: "http://img.b2bpic.net/free-photo/3d-modern-plexus-low-poly-design-with-selective-focus_1048-12167.jpg", imageAlt: "3D web tech" },
{ imageSrc: "http://img.b2bpic.net/free-photo/happy-delivery-boy_23-2151952971.jpg", imageAlt: "3D e-commerce" },
{ imageSrc: "http://img.b2bpic.net/free-photo/chrome-spheres-attached-red-sphere_1156-675.jpg", imageAlt: "3D networking" },
{ imageSrc: "http://img.b2bpic.net/free-photo/seo-optimization-3d-render-cartoon-illustration_107791-16996.jpg", imageAlt: "3D web portal" },
{ imageSrc: "http://img.b2bpic.net/free-photo/fun-3d-cartoon-illustration-indian-businessman_183364-114500.jpg", imageAlt: "3D local development" }
]}
rightCarouselItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/view-building-with-cartoon-style-architecture_23-2151154812.jpg", imageAlt: "3D architecture" },
{ imageSrc: "http://img.b2bpic.net/free-photo/view-3d-computer-device-with-peripheral-devices_23-2150714049.jpg", imageAlt: "3D portal" },
{ imageSrc: "http://img.b2bpic.net/free-photo/3d-futuristic-landscape-shiny-cubes-monotone_1048-12329.jpg", imageAlt: "3D networking" },
{ imageSrc: "http://img.b2bpic.net/free-photo/seamless-pattern-christmas-gift-boxes_23-2147965650.jpg", imageAlt: "3D e-commerce" },
{ imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-cartoon-house_52683-108577.jpg", imageAlt: "3D web tech" },
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-immersed-digital-data-binary-code_23-2152004080.jpg", imageAlt: "3D growth" }
]}
buttons={[{ text: "Get Started", href: "#contact" }]}
avatars={[
{ src: "http://img.b2bpic.net/free-photo/portrait-young-confident-businessman-wearing-glasses_158595-5355.jpg", alt: "Portrait young, confident businessman" },
{ src: "http://img.b2bpic.net/free-photo/closeup-handsome-middle-aged-business-leader_1262-4822.jpg", alt: "Closeup of Handsome Business Leader" },
{ src: "http://img.b2bpic.net/free-photo/cheerful-businessman-smiling_74855-1511.jpg", alt: "Cheerful businessman" },
{ src: "http://img.b2bpic.net/free-photo/medium-shot-smart-business-executive-forlmalwear-standing-outside-office-building-have-his-takeaway-coffee_1098-19265.jpg", alt: "Smart business executive" },
{ src: "http://img.b2bpic.net/free-photo/portrait-smart-young-woman-posing-office_23-2148452668.jpg", alt: "Portrait of smart young woman" }
]}
avatarText="Trusted by 200+ industry leaders worldwide."
/>
</div>
<div id="about" data-section="about">
<TestimonialAboutCard
useInvertedBackground={false}
tag="About Us"
title="Building Legacies Through Enterprise"
description="TheNotable Business Enterprise is committed to shaping the local commercial landscape through strategic investments and digital excellence."
subdescription="Founded in 2011, we have built a reputation for driving growth and creating impactful solutions for our clients."
icon={Zap}
imageSrc="http://img.b2bpic.net/free-photo/gradient-pink-diamond-geometric-shapes_23-2149824301.jpg"
mediaAnimation="slide-up"
/>
</div>
<div id="about" data-section="about">
<TestimonialAboutCard
useInvertedBackground={false}
tag="About Us"
title="Building Legacies Through Enterprise"
description="TheNotable Business Enterprise is committed to shaping the local commercial landscape through strategic investments and digital excellence."
subdescription="Founded in 2011, we have built a reputation for driving growth and creating impactful solutions for our clients."
icon={Zap}
imageSrc="http://img.b2bpic.net/free-photo/gradient-pink-diamond-geometric-shapes_23-2149824301.jpg"
mediaAnimation="slide-up"
/>
</div>
<div id="features" data-section="features">
<FeatureCardThree
animationType="slide-up"
textboxLayout="split"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={true}
features={[
{
title: "Merchandise Sales",
description: "High-quality selection of products for every need.",
imageSrc: "http://img.b2bpic.net/free-photo/black-friday-sales-sign-neon-light_23-2151833107.jpg",
},
{
title: "Local Investment",
description: "Empowering local businesses through strategic capital.",
imageSrc: "http://img.b2bpic.net/free-photo/gold-growing-arrow-with-gold-coin-money-stacks-gold-bar-business-finance-savings-investment-concept-background-3d-illustration_56104-1960.jpg",
},
{
title: "Web Development",
description: "Custom websites that bring your business online.",
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-laptop_23-2151004295.jpg",
},
]}
title="Our Core Agendas"
description="Comprehensive business solutions designed for the modern local enterprise."
/>
</div>
<div id="features" data-section="features">
<FeatureCardThree
animationType="slide-up"
textboxLayout="split"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={true}
features={[
{ title: "Merchandise Sales", description: "High-quality selection of products for every need.", imageSrc: "http://img.b2bpic.net/free-photo/black-friday-sales-sign-neon-light_23-2151833107.jpg" },
{ title: "Local Investment", description: "Empowering local businesses through strategic capital.", imageSrc: "http://img.b2bpic.net/free-photo/gold-growing-arrow-with-gold-coin-money-stacks-gold-bar-business-finance-savings-investment-concept-background-3d-illustration_56104-1960.jpg" },
{ title: "Web Development", description: "Custom websites that bring your business online.", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-laptop_23-2151004295.jpg" }
]}
title="Our Core Agendas"
description="Comprehensive business solutions designed for the modern local enterprise."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardTwo
animationType="depth-3d"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "13+",
description: "Years of Excellence",
},
{
id: "m2",
value: "200+",
description: "Business Partners",
},
{
id: "m3",
value: "100%",
description: "Professional Dedication",
},
]}
title="Enterprise Milestones"
description="Quantifiable impact and professional commitment since 2011."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardTwo
animationType="depth-3d"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
metrics={[
{ id: "m1", value: "13+", description: "Years of Excellence" },
{ id: "m2", value: "200+", description: "Business Partners" },
{ id: "m3", value: "100%", description: "Professional Dedication" }
]}
title="Enterprise Milestones"
description="Quantifiable impact and professional commitment since 2011."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSix
textboxLayout="default"
useInvertedBackground={true}
testimonials={[
{
id: "t1",
name: "John Doe",
handle: "@johndoe",
testimonial: "Exceptional service and professional approach.",
imageSrc: "http://img.b2bpic.net/free-photo/company-worker-browsing-internet-research-project-using-computer-create-business-report-with-charts-data-analyzing-network-information-web-presentation-handheld-shot_482257-50935.jpg",
},
{
id: "t2",
name: "Jane Smith",
handle: "@janesmith",
testimonial: "Transformed our local business completely.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-waitress_107420-12307.jpg",
},
{
id: "t3",
name: "Alex Riv",
handle: "@alexriv",
testimonial: "Their investment strategy is truly visionary.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-brunette-girl-glasses-smiling_176420-8501.jpg",
},
{
id: "t4",
name: "Sarah Lee",
handle: "@sarahlee",
testimonial: "Reliable, efficient, and innovative web designs.",
imageSrc: "http://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman_74855-1573.jpg",
},
{
id: "t5",
name: "Bob Brown",
handle: "@bobbrown",
testimonial: "The best enterprise partner in town.",
imageSrc: "http://img.b2bpic.net/free-photo/bearded-male-manager-formal-suit-his-female-assistant_273609-4719.jpg",
},
]}
title="Client Success Stories"
description="Hear from the partners who trusted us to build their future."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSix
textboxLayout="default"
useInvertedBackground={true}
animationType="slide-up"
testimonials={[
{ id: "t1", name: "John Doe", handle: "@johndoe", testimonial: "Exceptional service and professional approach.", imageSrc: "http://img.b2bpic.net/free-photo/company-worker-browsing-internet-research-project-using-computer-create-business-report-with-charts-data-analyzing-network-information-web-presentation-handheld-shot_482257-50935.jpg" },
{ id: "t2", name: "Jane Smith", handle: "@janesmith", testimonial: "Transformed our local business completely.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-waitress_107420-12307.jpg" },
{ id: "t3", name: "Alex Riv", handle: "@alexriv", testimonial: "Their investment strategy is truly visionary.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-brunette-girl-glasses-smiling_176420-8501.jpg" },
{ id: "t4", name: "Sarah Lee", handle: "@sarahlee", testimonial: "Reliable, efficient, and innovative web designs.", imageSrc: "http://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman_74855-1573.jpg" },
{ id: "t5", name: "Bob Brown", handle: "@bobbrown", testimonial: "The best enterprise partner in town.", imageSrc: "http://img.b2bpic.net/free-photo/bearded-male-manager-formal-suit-his-female-assistant_273609-4719.jpg" }
]}
title="Client Success Stories"
description="Hear from the partners who trusted us to build their future."
/>
</div>
<div id="socialProof" data-section="socialProof">
<SocialProofOne
textboxLayout="default"
useInvertedBackground={false}
names={[
"Alpha Corp",
"Beta Labs",
"Gamma Inc",
"Delta Flow",
"Epsilon Tech",
"Zeta Systems",
"Eta Global",
]}
title="Our Trusted Network"
description="Collaborating with excellence to drive sustainable business value."
/>
</div>
<div id="socialProof" data-section="socialProof">
<SocialProofOne
textboxLayout="default"
useInvertedBackground={false}
names={["Alpha Corp", "Beta Labs", "Gamma Inc", "Delta Flow", "Epsilon Tech", "Zeta Systems", "Eta Global"]}
title="Our Trusted Network"
description="Collaborating with excellence to drive sustainable business value."
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={true}
background={{
variant: "plain",
}}
title="Get in touch with us"
description="Questions? Reach us at 0780477718 or thenotable2011@gmail.com"
imageSrc="http://img.b2bpic.net/free-photo/abstract-sale-busioness-background-banner-design-multipurpose_1340-16803.jpg"
mediaAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={true}
background={{ variant: "plain" }}
tag="Contact Us"
title="Get in touch with us"
description="Questions? Reach us at 0780477718 or thenotable2011@gmail.com"
imageSrc="http://img.b2bpic.net/free-photo/abstract-sale-busioness-background-banner-design-multipurpose_1340-16803.jpg"
mediaAnimation="slide-up"
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseReveal
logoText="TheNotable Business Enterprise"
columns={[
{
title: "Company",
items: [
{
label: "About Us",
href: "#about",
},
{
label: "Services",
href: "#features",
},
],
},
{
title: "Support",
items: [
{
label: "Contact",
href: "#contact",
},
{
label: "Email Us",
href: "mailto:thenotable2011@gmail.com",
},
],
},
]}
copyrightText="© 2011 TheNotable Business Enterprise"
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseReveal
logoText="TheNotable Business Enterprise"
columns={[
{
title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Services", href: "#features" }]
},
{
title: "Support", items: [{ label: "Contact", href: "#contact" }, { label: "Email Us", href: "mailto:thenotable2011@gmail.com" }]
}
]}
copyrightText="© 2011 TheNotable Business Enterprise"
/>
</div>
</ReactLenis>
</ThemeProvider>
);