Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
449
src/app/page.tsx
449
src/app/page.tsx
@@ -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>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user