Merge version_1 into main #1
466
src/app/page.tsx
466
src/app/page.tsx
@@ -28,342 +28,154 @@ export default function LandingPage() {
|
||||
headingFontWeight="light"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="VoltCore"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="VoltCore"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
title="Empowering Your Future with Advanced Electrical Solutions"
|
||||
description="Professional 3D-inspired electrical services, from smart home installations to heavy commercial grid integration. Reliability meet innovation."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-stylish-serious-bearded-male-wearing-elegant-suit-dark-background_613910-11332.jpg",
|
||||
alt: "Client",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/bearded-man-brown-suit-wearing-glasses-looking-camera-happy-positive-with-arms-crossed-standing-purple-background_141793-110749.jpg",
|
||||
alt: "Client",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/low-angle-smiley-business-woman_23-2148356286.jpg",
|
||||
alt: "Client",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-66975.jpg",
|
||||
alt: "Client",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-brutal-bearded-macho-male-dressed-suit-dark-grey-background_613910-9486.jpg",
|
||||
alt: "Client",
|
||||
},
|
||||
]}
|
||||
avatarText="Trusted by 500+ Businesses"
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Smart Home Grid",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Commercial Installation",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Thermal Diagnostic",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "24/7 Support",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Safety Certified",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Empowering Your Future with Advanced Electrical Solutions"
|
||||
description="Professional 3D-inspired electrical services, from smart home installations to heavy commercial grid integration. Reliability meet innovation."
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-stylish-serious-bearded-male-wearing-elegant-suit-dark-background_613910-11332.jpg", alt: "Client" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/bearded-man-brown-suit-wearing-glasses-looking-camera-happy-positive-with-arms-crossed-standing-purple-background_141793-110749.jpg", alt: "Client" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/low-angle-smiley-business-woman_23-2148356286.jpg", alt: "Client" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-66975.jpg", alt: "Client" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-brutal-bearded-macho-male-dressed-suit-dark-grey-background_613910-9486.jpg", alt: "Client" }
|
||||
]}
|
||||
avatarText="Trusted by 500+ Businesses"
|
||||
buttons={[{ text: "Get a Quote", href: "#contact" }]}
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Smart Home Grid" },
|
||||
{ type: "text", text: "Commercial Installation" },
|
||||
{ type: "text", text: "Thermal Diagnostic" },
|
||||
{ type: "text", text: "24/7 Support" },
|
||||
{ type: "text", text: "Safety Certified" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={true}
|
||||
title="Precision Power, Engineered for Perfection"
|
||||
description={[
|
||||
"We define modern electrical standards with advanced engineering and 3D precision workflows.",
|
||||
"Our team of certified experts delivers infrastructure that isn't just reliable—it's future-proofed for the digital age.",
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={true}
|
||||
title="Precision Power, Engineered for Perfection"
|
||||
description={[
|
||||
"We define modern electrical standards with advanced engineering and 3D precision workflows.", "Our team of certified experts delivers infrastructure that isn't just reliable—it's future-proofed for the digital age."
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Smart Home Integration",
|
||||
description: "Automated energy management systems with 3D diagnostic monitoring.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/switchboard-with-many-switches-fiber-optic-cables_169016-16056.jpg",
|
||||
imageAlt: "Smart home electrical system",
|
||||
},
|
||||
{
|
||||
title: "Commercial Grid Solutions",
|
||||
description: "High-capacity power distribution systems for modern commercial landscapes.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-windmill-project_23-2148907403.jpg",
|
||||
imageAlt: "Solar grid 3d render",
|
||||
},
|
||||
{
|
||||
title: "Precision Safety Inspection",
|
||||
description: "Advanced thermal analysis ensuring zero-fail electrical infrastructure safety.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-electrician-examines-power-panel-schematics-equipment-check_169016-71164.jpg",
|
||||
imageAlt: "Electrical safety inspection tech",
|
||||
},
|
||||
]}
|
||||
title="Comprehensive Electrical Expertise"
|
||||
description="State-of-the-art services tailored to your evolving infrastructure needs."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "Smart Home Integration", description: "Automated energy management systems with 3D diagnostic monitoring.", imageSrc: "http://img.b2bpic.net/free-photo/switchboard-with-many-switches-fiber-optic-cables_169016-16056.jpg", imageAlt: "Smart home electrical system" },
|
||||
{ title: "Commercial Grid Solutions", description: "High-capacity power distribution systems for modern commercial landscapes.", imageSrc: "http://img.b2bpic.net/free-photo/3d-windmill-project_23-2148907403.jpg", imageAlt: "Solar grid 3d render" },
|
||||
{ title: "Precision Safety Inspection", description: "Advanced thermal analysis ensuring zero-fail electrical infrastructure safety.", imageSrc: "http://img.b2bpic.net/free-photo/female-electrician-examines-power-panel-schematics-equipment-check_169016-71164.jpg", imageAlt: "Electrical safety inspection tech" }
|
||||
]}
|
||||
title="Comprehensive Electrical Expertise"
|
||||
description="State-of-the-art services tailored to your evolving infrastructure needs."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardSeven
|
||||
animationType="depth-3d"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "15+",
|
||||
title: "Years Experience",
|
||||
items: [
|
||||
"Expert certification",
|
||||
"Industry leadership",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "2.5k+",
|
||||
title: "Projects Completed",
|
||||
items: [
|
||||
"Commercial and residential",
|
||||
"High-efficiency systems",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "99.9%",
|
||||
title: "Uptime Reliability",
|
||||
items: [
|
||||
"Certified safety standards",
|
||||
"Continuous monitoring",
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Proven Impact in Every Kilowatt"
|
||||
description="Numbers that define our commitment to excellence."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardSeven
|
||||
animationType="depth-3d"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{ id: "1", value: "15+", title: "Years Experience", items: ["Expert certification", "Industry leadership"] },
|
||||
{ id: "2", value: "2.5k+", title: "Projects Completed", items: ["Commercial and residential", "High-efficiency systems"] },
|
||||
{ id: "3", value: "99.9%", title: "Uptime Reliability", items: ["Certified safety standards", "Continuous monitoring"] }
|
||||
]}
|
||||
title="Proven Impact in Every Kilowatt"
|
||||
description="Numbers that define our commitment to excellence."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardFive
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
team={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Marcus Volt",
|
||||
role: "Lead Systems Engineer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-wearing-coat_1098-3778.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Elena Current",
|
||||
role: "Grid Architect",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/redhead-female-supervisor-dressed-elegant-suit-grey-background_613910-1354.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "David Spark",
|
||||
role: "Smart Systems Manager",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-business-man-with-backpack_23-2149915912.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Sarah Ohm",
|
||||
role: "Safety Compliance Officer",
|
||||
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-19881.jpg",
|
||||
},
|
||||
]}
|
||||
title="Our Elite Technical Team"
|
||||
description="Driven by innovation, safety, and uncompromising technical standards."
|
||||
/>
|
||||
</div>
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardFive
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
team={[
|
||||
{ id: "1", name: "Marcus Volt", role: "Lead Systems Engineer", imageSrc: "http://img.b2bpic.net/free-photo/businessman-wearing-coat_1098-3778.jpg" },
|
||||
{ id: "2", name: "Elena Current", role: "Grid Architect", imageSrc: "http://img.b2bpic.net/free-photo/redhead-female-supervisor-dressed-elegant-suit-grey-background_613910-1354.jpg" },
|
||||
{ id: "3", name: "David Spark", role: "Smart Systems Manager", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-business-man-with-backpack_23-2149915912.jpg" },
|
||||
{ id: "4", name: "Sarah Ohm", role: "Safety Compliance Officer", 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-19881.jpg" }
|
||||
]}
|
||||
title="Our Elite Technical Team"
|
||||
description="Driven by innovation, safety, and uncompromising technical standards."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
handle: "@techcorp",
|
||||
testimonial: "The precision work by VoltCore transformed our data center's power efficiency. Unmatched.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-young-elegant-woman_1328-4107.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
handle: "@innovatelab",
|
||||
testimonial: "Incredible turnaround time and flawless installation of our new solar grid systems.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-portrait-successful-goodlooking-young-professional-headhunter-female-entrepreneur-office-worker-beige-blazer-look-away-cross-hands-chest-confident-manage-own-business_197531-30576.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
handle: "@growthco",
|
||||
testimonial: "Professional, clean, and highly technical. Exactly what a modern business needs.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-black-classic-jacket-thinking-about-business-while-holding-hand-chin-isolated-dark-background_613910-6615.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
handle: "@startupxyz",
|
||||
testimonial: "Their smart home diagnostic tools are years ahead of the competition.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lady-winking-asking-keep-secret-white-backdrop-happy-short-haired-woman-black-jacket-smiles-isolated-background_197531-18490.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Lisa Wang",
|
||||
handle: "@logistics",
|
||||
testimonial: "Reliability redefined. Our operations have never been safer or more efficient.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-brutal-bearded-macho-male-dressed-suit-dark-grey-background_613910-9486.jpg",
|
||||
},
|
||||
]}
|
||||
title="Trusted by Industry Leaders"
|
||||
description="Hear what our commercial and residential partners have to say about our electrical engineering."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Sarah Johnson", handle: "@techcorp", testimonial: "The precision work by VoltCore transformed our data center's power efficiency. Unmatched.", imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-young-elegant-woman_1328-4107.jpg" },
|
||||
{ id: "2", name: "Michael Chen", handle: "@innovatelab", testimonial: "Incredible turnaround time and flawless installation of our new solar grid systems.", imageSrc: "http://img.b2bpic.net/free-photo/vertical-portrait-successful-goodlooking-young-professional-headhunter-female-entrepreneur-office-worker-beige-blazer-look-away-cross-hands-chest-confident-manage-own-business_197531-30576.jpg" },
|
||||
{ id: "3", name: "Emily Rodriguez", handle: "@growthco", testimonial: "Professional, clean, and highly technical. Exactly what a modern business needs.", imageSrc: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-black-classic-jacket-thinking-about-business-while-holding-hand-chin-isolated-dark-background_613910-6615.jpg" },
|
||||
{ id: "4", name: "David Kim", handle: "@startupxyz", testimonial: "Their smart home diagnostic tools are years ahead of the competition.", imageSrc: "http://img.b2bpic.net/free-photo/lady-winking-asking-keep-secret-white-backdrop-happy-short-haired-woman-black-jacket-smiles-isolated-background_197531-18490.jpg" },
|
||||
{ id: "5", name: "Lisa Wang", handle: "@logistics", testimonial: "Reliability redefined. Our operations have never been safer or more efficient.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-brutal-bearded-macho-male-dressed-suit-dark-grey-background_613910-9486.jpg" }
|
||||
]}
|
||||
title="Trusted by Industry Leaders"
|
||||
description="Hear what our commercial and residential partners have to say about our electrical engineering."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Do you handle residential and commercial?",
|
||||
content: "Yes, we specialize in high-precision infrastructure for both modern residential smart homes and large-scale commercial grids.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "What makes your tech approach different?",
|
||||
content: "We utilize 3D simulation and advanced diagnostic tools for every installation, ensuring perfectly engineered energy flow.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Is your team certified?",
|
||||
content: "Our entire technical staff holds top-tier safety certifications, ensuring full compliance and uncompromising build standards.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-hand-plugs-headphone-cord-stereo-jack-music-port-retina-laptop_346278-620.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know about our electrical services."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "1", title: "Do you handle residential and commercial?", content: "Yes, we specialize in high-precision infrastructure for both modern residential smart homes and large-scale commercial grids." },
|
||||
{ id: "2", title: "What makes your tech approach different?", content: "We utilize 3D simulation and advanced diagnostic tools for every installation, ensuring perfectly engineered energy flow." },
|
||||
{ id: "3", title: "Is your team certified?", content: "Our entire technical staff holds top-tier safety certifications, ensuring full compliance and uncompromising build standards." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-hand-plugs-headphone-cord-stereo-jack-music-port-retina-laptop_346278-620.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know about our electrical services."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
tag="Get Started"
|
||||
title="Ready to Power Your Future?"
|
||||
description="Send us your project details for a professional consultation and an automated energy efficiency quote."
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
tag="Get Started"
|
||||
title="Ready to Power Your Future?"
|
||||
description="Send us your project details for a professional consultation and an automated energy efficiency quote."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="VoltCore"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#features",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2024 VoltCore Systems. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="VoltCore"
|
||||
columns={[
|
||||
{ title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Services", href: "#features" }] },
|
||||
{ title: "Support", items: [{ label: "FAQ", href: "#faq" }, { label: "Contact", href: "#contact" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms", href: "#" }] }
|
||||
]}
|
||||
copyrightText="© 2024 VoltCore Systems. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user