Merge version_1 into main #2
334
src/app/page.tsx
334
src/app/page.tsx
@@ -27,240 +27,120 @@ export default function LandingPage() {
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Results",
|
||||
id: "metrics",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="HIDigital"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Results", id: "metrics" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="HIDigital"
|
||||
button={{ text: "Get Started", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogo
|
||||
logoText="HIDigital"
|
||||
description="Your growth partner for web development, technical SEO, and data-driven marketing. We build digital ecosystems that scale businesses."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Our Work",
|
||||
href: "#services",
|
||||
},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/sales-graph-tablet-screen_1262-3819.jpg?_wi=1"
|
||||
imageAlt="HIDigital Agency Services"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogo
|
||||
logoText="HIDigital"
|
||||
description="Your growth partner for web development, technical SEO, and data-driven marketing. We build digital ecosystems that scale businesses."
|
||||
buttons={[
|
||||
{ text: "Get Started", href: "#contact" },
|
||||
{ text: "Our Work", href: "#services" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/sales-graph-tablet-screen_1262-3819.jpg"
|
||||
imageAlt="HIDigital Agency Services"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={true}
|
||||
title="We bridge the gap between creative design and data performance."
|
||||
description="At HIDigital, we specialize in high-performance web experiences. Our team integrates technical SEO audits with user-centric design to ensure your business doesn't just rank—it converts."
|
||||
metrics={[
|
||||
{
|
||||
value: "150+",
|
||||
title: "Projects Launched",
|
||||
},
|
||||
{
|
||||
value: "200%",
|
||||
title: "Avg Traffic Increase",
|
||||
},
|
||||
{
|
||||
value: "95%",
|
||||
title: "Client Retention",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/positive-adult-men-working-together-office_23-2148483866.jpg?_wi=1"
|
||||
imageAlt="HIDigital Agency Team"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={true}
|
||||
title="We bridge the gap between creative design and data performance."
|
||||
description="At HIDigital, we specialize in high-performance web experiences. Our team integrates technical SEO audits with user-centric design to ensure your business doesn't just rank—it converts."
|
||||
metrics={[
|
||||
{ value: "150+", title: "Projects Launched" },
|
||||
{ value: "200%", title: "Avg Traffic Increase" },
|
||||
{ value: "95%", title: "Client Retention" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/positive-adult-men-working-together-office_23-2148483866.jpg"
|
||||
imageAlt="HIDigital Agency Team"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardSix
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Custom Web Development",
|
||||
description: "High-performance websites tailored to your brand, optimized for speed and conversion.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sales-graph-tablet-screen_1262-3819.jpg?_wi=2",
|
||||
imageAlt: "Custom web development service",
|
||||
},
|
||||
{
|
||||
title: "Technical SEO",
|
||||
description: "Search-first architecture to dominate competitive SERPs and capture intent-based traffic.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-adult-men-working-together-office_23-2148483866.jpg?_wi=2",
|
||||
imageAlt: "SEO strategy visualization",
|
||||
},
|
||||
{
|
||||
title: "Data-Driven Marketing",
|
||||
description: "ROI-focused campaigns leveraging real-time analytics to scale your reach and efficiency.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-city-building-shadows_23-2149283264.jpg?_wi=1",
|
||||
imageAlt: "Digital marketing metrics",
|
||||
},
|
||||
]}
|
||||
title="Comprehensive Digital Solutions"
|
||||
description="From custom web builds to hyper-targeted search campaigns."
|
||||
/>
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardSix
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "Custom Web Development", description: "High-performance websites tailored to your brand, optimized for speed and conversion.", imageSrc: "http://img.b2bpic.net/free-photo/sales-graph-tablet-screen_1262-3819.jpg", imageAlt: "Custom web development service" },
|
||||
{ title: "Technical SEO", description: "Search-first architecture to dominate competitive SERPs and capture intent-based traffic.", imageSrc: "http://img.b2bpic.net/free-photo/positive-adult-men-working-together-office_23-2148483866.jpg", imageAlt: "SEO strategy visualization" },
|
||||
{ title: "Data-Driven Marketing", description: "ROI-focused campaigns leveraging real-time analytics to scale your reach and efficiency.", imageSrc: "http://img.b2bpic.net/free-photo/abstract-city-building-shadows_23-2149283264.jpg", imageAlt: "Digital marketing metrics" },
|
||||
]}
|
||||
title="Comprehensive Digital Solutions"
|
||||
description="From custom web builds to hyper-targeted search campaigns."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Zap,
|
||||
title: "Latency Reduction",
|
||||
value: "40%",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Search,
|
||||
title: "SEO Ranking Growth",
|
||||
value: "120%",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
icon: TrendingUp,
|
||||
title: "Conversion Rate",
|
||||
value: "15%",
|
||||
},
|
||||
]}
|
||||
title="Proven Results"
|
||||
description="Measured outcomes for high-growth businesses."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{ id: "m1", icon: Zap, title: "Latency Reduction", value: "40%" },
|
||||
{ id: "m2", icon: Search, title: "SEO Ranking Growth", value: "120%" },
|
||||
{ id: "m3", icon: TrendingUp, title: "Conversion Rate", value: "15%" },
|
||||
]}
|
||||
title="Proven Results"
|
||||
description="Measured outcomes for high-growth businesses."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alex Rivet",
|
||||
handle: "@rivet",
|
||||
testimonial: "HIDigital transformed our entire online presence in under 3 months.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/successful-young-businessman-formal-outfit-using-tablet_181624-27455.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sarah Chen",
|
||||
handle: "@sarahc",
|
||||
testimonial: "The technical SEO audit was worth every penny. Traffic surged immediately.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-eyeglasses-crossed-arms-grey-background_613910-11786.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Mark D.",
|
||||
handle: "@markd",
|
||||
testimonial: "Professional, data-focused, and fast. Highly recommended.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-businessman-office-1_1262-1487.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Emily P.",
|
||||
handle: "@emilyp",
|
||||
testimonial: "The design work is incredible. Our site feels like a premium product now.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-entrepreneur-with-corporate-job-looking-camera-business-office-portrait-young-man-preparing-work-planning-development-industry-with-technology-computer_482257-29387.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jack B.",
|
||||
handle: "@jackb",
|
||||
testimonial: "Best agency partnership we have had in years.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-senior-man-holding-smart-phone_23-2147935571.jpg",
|
||||
},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Client Success"
|
||||
description="Trusted by brands looking to dominate their markets."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Alex Rivet", handle: "@rivet", testimonial: "HIDigital transformed our entire online presence in under 3 months.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/successful-young-businessman-formal-outfit-using-tablet_181624-27455.jpg" },
|
||||
{ id: "2", name: "Sarah Chen", handle: "@sarahc", testimonial: "The technical SEO audit was worth every penny. Traffic surged immediately.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-eyeglasses-crossed-arms-grey-background_613910-11786.jpg" },
|
||||
{ id: "3", name: "Mark D.", handle: "@markd", testimonial: "Professional, data-focused, and fast. Highly recommended.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-businessman-office-1_1262-1487.jpg" },
|
||||
{ id: "4", name: "Emily P.", handle: "@emilyp", testimonial: "The design work is incredible. Our site feels like a premium product now.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-entrepreneur-with-corporate-job-looking-camera-business-office-portrait-young-man-preparing-work-planning-development-industry-with-technology-computer_482257-29387.jpg" },
|
||||
{ id: "5", name: "Jack B.", handle: "@jackb", testimonial: "Best agency partnership we have had in years.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-senior-man-holding-smart-phone_23-2147935571.jpg" },
|
||||
]}
|
||||
showRating={true}
|
||||
title="Client Success"
|
||||
description="Trusted by brands looking to dominate their markets."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
tag="Let's Talk"
|
||||
title="Ready to scale?"
|
||||
description="Send us your project brief. We will get back to you within 24 hours."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/abstract-city-building-shadows_23-2149283264.jpg?_wi=2"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
tag="Let's Talk"
|
||||
title="Ready to scale?"
|
||||
description="Send us your project brief. We will get back to you within 24 hours."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/abstract-city-building-shadows_23-2149283264.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="HIDigital"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2025 HIDigital | Growth & Engineering"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="HIDigital"
|
||||
columns={[
|
||||
{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Services", href: "#services" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms", href: "#" }] },
|
||||
]}
|
||||
copyrightText="© 2025 HIDigital | Growth & Engineering"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user