Update src/app/page.tsx
This commit is contained in:
272
src/app/page.tsx
272
src/app/page.tsx
@@ -27,150 +27,150 @@ export default function LandingPage() {
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Metrics", id: "metrics" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Portfolio", id: "portfolio" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="Elite Business"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Metrics", id: "metrics" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Portfolio", id: "portfolio" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="Elite Business"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="home" data-section="home">
|
||||
<HeroSplitKpi
|
||||
background={{ variant: "plain" }}
|
||||
title="Where Excellence Meets Experience"
|
||||
description="Quality, precision, and unmatched service—crafted for those who expect the best."
|
||||
kpis={[
|
||||
{ value: "10+", label: "Years Experience" },
|
||||
{ value: "5.0", label: "Client Rating" },
|
||||
{ value: "100%", label: "Client Satisfaction" }
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[{ text: "Book a Consultation", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/climate-change-concept-collage_23-2149129762.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/goal-oriented-businessman-focuses-his-company-career-development_482257-123212.jpg", alt: "Goal oriented businessman" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/person-presenting-their-job-resignation_23-2149445158.jpg", alt: "Professional leader" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/motivated-boss-working-tirelessly-high-end-downtown-workspace_482257-123061.jpg", alt: "Expert executive" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-businesswoman-holding-glass-chocolate-milkshake-restaurant_23-2147970885.jpg", alt: "Dynamic team member" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081856.jpg", alt: "Senior advisor" }
|
||||
]}
|
||||
avatarText="Join 1,000+ satisfied industry leaders"
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Unmatched Quality" },
|
||||
{ type: "text", text: "Strategic Growth" },
|
||||
{ type: "text", text: "Precision Delivery" },
|
||||
{ type: "text", text: "Global Standards" },
|
||||
{ type: "text", text: "Premium Consulting" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="home" data-section="home">
|
||||
<HeroSplitKpi
|
||||
background={{ variant: "plain" }}
|
||||
title="Where Excellence Meets Experience"
|
||||
description="Quality, precision, and unmatched service—crafted for those who expect the best."
|
||||
kpis={[
|
||||
{ value: "10+", label: "Years Experience" },
|
||||
{ value: "5.0", label: "Client Rating" },
|
||||
{ value: "100%", label: "Client Satisfaction" }
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[{ text: "Book a Consultation", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/climate-change-concept-collage_23-2149129762.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/goal-oriented-businessman-focuses-his-company-career-development_482257-123212.jpg", alt: "Goal oriented businessman" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/person-presenting-their-job-resignation_23-2149445158.jpg", alt: "Professional leader" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/motivated-boss-working-tirelessly-high-end-downtown-workspace_482257-123061.jpg", alt: "Expert executive" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-businesswoman-holding-glass-chocolate-milkshake-restaurant_23-2147970885.jpg", alt: "Dynamic team member" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081856.jpg", alt: "Senior advisor" }
|
||||
]}
|
||||
avatarText="Join 1,000+ satisfied industry leaders"
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Unmatched Quality" },
|
||||
{ type: "text", text: "Strategic Growth" },
|
||||
{ type: "text", text: "Precision Delivery" },
|
||||
{ type: "text", text: "Global Standards" },
|
||||
{ type: "text", text: "Premium Consulting" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={false}
|
||||
title="Defining Industry Standards"
|
||||
description={[
|
||||
"Founded on integrity, we strive to deliver unmatched quality in every project we undertake. Our journey began with a singular focus on client-centric excellence.", "We blend experience with innovation to provide bespoke solutions that drive long-term value for our discerning partners."
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={false}
|
||||
title="Defining Industry Standards"
|
||||
description={[
|
||||
"Founded on integrity, we strive to deliver unmatched quality in every project we undertake. Our journey began with a singular focus on client-centric excellence.", "We blend experience with innovation to provide bespoke solutions that drive long-term value for our discerning partners."
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardMedia
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{ id: "f1", title: "Unmatched Quality", description: "Rigorous standards ensure the highest level of craftsmanship in every service.", tag: "Elite", imageSrc: "http://img.b2bpic.net/free-vector/set-golden-premium-badges_23-2147629910.jpg" },
|
||||
{ id: "f2", title: "Deep Expertise", description: "Years of hands-on experience translate to superior results and strategic insights.", tag: "Pro", imageSrc: "http://img.b2bpic.net/free-photo/financial-analyst-creating-e-commerce-data-graphs-screen-using-computer-plan-profit-information-charts-executive-manager-working-with-economy-report-diagram-analysis_482257-40941.jpg" },
|
||||
{ id: "f3", title: "Rapid Response", description: "Our dedicated team ensures your needs are met with speed and unmatched efficiency.", tag: "Fast", imageSrc: "http://img.b2bpic.net/free-vector/stopwatch-outline-moving-fast_78370-8142.jpg" }
|
||||
]}
|
||||
title="Our Expertise"
|
||||
description="Precision and quality across all service pillars."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardMedia
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{ id: "f1", title: "Unmatched Quality", description: "Rigorous standards ensure the highest level of craftsmanship in every service.", tag: "Elite", imageSrc: "http://img.b2bpic.net/free-vector/set-golden-premium-badges_23-2147629910.jpg" },
|
||||
{ id: "f2", title: "Deep Expertise", description: "Years of hands-on experience translate to superior results and strategic insights.", tag: "Pro", imageSrc: "http://img.b2bpic.net/free-photo/financial-analyst-creating-e-commerce-data-graphs-screen-using-computer-plan-profit-information-charts-executive-manager-working-with-economy-report-diagram-analysis_482257-40941.jpg" },
|
||||
{ id: "f3", title: "Rapid Response", description: "Our dedicated team ensures your needs are met with speed and unmatched efficiency.", tag: "Fast", imageSrc: "http://img.b2bpic.net/free-vector/stopwatch-outline-moving-fast_78370-8142.jpg" }
|
||||
]}
|
||||
title="Our Expertise"
|
||||
description="Precision and quality across all service pillars."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardFourteen
|
||||
useInvertedBackground={false}
|
||||
title="Performance at Scale"
|
||||
tag="Insights"
|
||||
metrics={[
|
||||
{ id: "m1", value: "500+", description: "Projects successfully completed with excellence." },
|
||||
{ id: "m2", value: "98%", description: "Client retention rate based on service quality." },
|
||||
{ id: "m3", value: "24/7", description: "Dedicated support always at your fingertips." }
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardFourteen
|
||||
useInvertedBackground={false}
|
||||
title="Performance at Scale"
|
||||
tag="Insights"
|
||||
metrics={[
|
||||
{ id: "m1", value: "500+", description: "Projects successfully completed with excellence." },
|
||||
{ id: "m2", value: "98%", description: "Client retention rate based on service quality." },
|
||||
{ id: "m3", value: "24/7", description: "Dedicated support always at your fingertips." }
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Sarah Jenkins", handle: "@sjenkins", testimonial: "Exceptional service and professional attention to detail.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-businessman-conference-room-thinking-about-future_482257-25787.jpg" },
|
||||
{ id: "t2", name: "Mark Thornton", handle: "@mthornton", testimonial: "Transformed our operations completely. Highly recommended.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cheerful-young-businesswoman-wearing-eyeglasses_1262-4761.jpg" },
|
||||
{ id: "t3", name: "Elena Rodriguez", handle: "@elenar", testimonial: "Precision and quality, always delivered on time.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cheerful-business-man-greeting-colleague_74855-1519.jpg" },
|
||||
{ id: "t4", name: "David Wu", handle: "@dwu", testimonial: "Strategic insights that really drive the bottom line.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-young-woman-smiling_23-2148452672.jpg" },
|
||||
{ id: "t5", name: "Lisa Wang", handle: "@lwang", testimonial: "A truly premium partner for our growing business needs.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/business-professional_1098-14759.jpg" }
|
||||
]}
|
||||
showRating={true}
|
||||
title="Trusted by Leaders"
|
||||
description="See why top industry professionals choose us."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Sarah Jenkins", handle: "@sjenkins", testimonial: "Exceptional service and professional attention to detail.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-businessman-conference-room-thinking-about-future_482257-25787.jpg" },
|
||||
{ id: "t2", name: "Mark Thornton", handle: "@mthornton", testimonial: "Transformed our operations completely. Highly recommended.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cheerful-young-businesswoman-wearing-eyeglasses_1262-4761.jpg" },
|
||||
{ id: "t3", name: "Elena Rodriguez", handle: "@elenar", testimonial: "Precision and quality, always delivered on time.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cheerful-business-man-greeting-colleague_74855-1519.jpg" },
|
||||
{ id: "t4", name: "David Wu", handle: "@dwu", testimonial: "Strategic insights that really drive the bottom line.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-young-woman-smiling_23-2148452672.jpg" },
|
||||
{ id: "t5", name: "Lisa Wang", handle: "@lwang", testimonial: "A truly premium partner for our growing business needs.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/business-professional_1098-14759.jpg" }
|
||||
]}
|
||||
showRating={true}
|
||||
title="Trusted by Leaders"
|
||||
description="See why top industry professionals choose us."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="portfolio" data-section="portfolio">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", brand: "Architecture", name: "Luxury Skyline Villa", price: "Completed", rating: 5, reviewCount: "5", imageSrc: "http://img.b2bpic.net/free-photo/woman-with-architect-occupation-working-blueprint_482257-10567.jpg" },
|
||||
{ id: "p2", brand: "Design", name: "Modern Workspace", price: "Completed", rating: 5, reviewCount: "5", imageSrc: "http://img.b2bpic.net/free-photo/minimalist-product-presentation-with-geometric-shapes_187299-48038.jpg" },
|
||||
{ id: "p3", brand: "Landscape", name: "Garden Retreat", price: "Completed", rating: 5, reviewCount: "5", imageSrc: "http://img.b2bpic.net/free-photo/cozy-loungers-health-spa-with-no-people-copy-space_637285-6704.jpg" },
|
||||
{ id: "p4", brand: "Architecture", name: "Coastal Estate", price: "Completed", rating: 5, reviewCount: "5", imageSrc: "http://img.b2bpic.net/free-photo/wooden-sauna-with-mountain-view-panoramic-calm_169016-70823.jpg" },
|
||||
{ id: "p5", brand: "Design", name: "Urban Office", price: "Completed", rating: 5, reviewCount: "5", imageSrc: "http://img.b2bpic.net/free-vector/architectural-portfolio-brochure-template_742173-32633.jpg" },
|
||||
{ id: "p6", brand: "Landscape", name: "Zen Courtyard", price: "Completed", rating: 5, reviewCount: "5", imageSrc: "http://img.b2bpic.net/free-photo/rectangular-scroll-ribbon-logo-label_53876-13825.jpg" }
|
||||
]}
|
||||
title="Project Showcase"
|
||||
description="A curated selection of our most impactful work."
|
||||
/>
|
||||
</div>
|
||||
<div id="portfolio" data-section="portfolio">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", brand: "Architecture", name: "Luxury Skyline Villa", price: "Completed", rating: 5, reviewCount: "5", imageSrc: "http://img.b2bpic.net/free-photo/woman-with-architect-occupation-working-blueprint_482257-10567.jpg" },
|
||||
{ id: "p2", brand: "Design", name: "Modern Workspace", price: "Completed", rating: 5, reviewCount: "5", imageSrc: "http://img.b2bpic.net/free-photo/minimalist-product-presentation-with-geometric-shapes_187299-48038.jpg" },
|
||||
{ id: "p3", brand: "Landscape", name: "Garden Retreat", price: "Completed", rating: 5, reviewCount: "5", imageSrc: "http://img.b2bpic.net/free-photo/cozy-loungers-health-spa-with-no-people-copy-space_637285-6704.jpg" },
|
||||
{ id: "p4", brand: "Architecture", name: "Coastal Estate", price: "Completed", rating: 5, reviewCount: "5", imageSrc: "http://img.b2bpic.net/free-photo/wooden-sauna-with-mountain-view-panoramic-calm_169016-70823.jpg" },
|
||||
{ id: "p5", brand: "Design", name: "Urban Office", price: "Completed", rating: 5, reviewCount: "5", imageSrc: "http://img.b2bpic.net/free-vector/architectural-portfolio-brochure-template_742173-32633.jpg" },
|
||||
{ id: "p6", brand: "Landscape", name: "Zen Courtyard", price: "Completed", rating: 5, reviewCount: "5", imageSrc: "http://img.b2bpic.net/free-photo/rectangular-scroll-ribbon-logo-label_53876-13825.jpg" }
|
||||
]}
|
||||
title="Project Showcase"
|
||||
description="A curated selection of our most impactful work."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Consultation"
|
||||
title="Ready to Transform Your Business?"
|
||||
description="Start your consultation in under 60 seconds and experience premium service."
|
||||
buttons={[{ text: "Get Started", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Consultation"
|
||||
title="Ready to Transform Your Business?"
|
||||
description="Start your consultation in under 60 seconds and experience premium service."
|
||||
buttons={[{ text: "Get Started", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{ items: [{ label: "Home", href: "#home" }, { label: "About Us", href: "#about" }, { label: "Services", href: "#features" }] },
|
||||
{ items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }, { label: "Contact", href: "#contact" }] }
|
||||
]}
|
||||
logoText="Elite Business"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{ items: [{ label: "Home", href: "#home" }, { label: "About Us", href: "#about" }, { label: "Services", href: "#features" }] },
|
||||
{ items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }, { label: "Contact", href: "#contact" }] }
|
||||
]}
|
||||
logoText="Elite Business"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user