272 lines
10 KiB
TypeScript
272 lines
10 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
|
|
import HeroLogoBillboard from "@/components/sections/hero/HeroLogoBillboard";
|
|
import TestimonialAboutCard from "@/components/sections/about/TestimonialAboutCard";
|
|
import ProductCardOne from "@/components/sections/product/ProductCardOne";
|
|
import MetricCardSeven from "@/components/sections/metrics/MetricCardSeven";
|
|
import FeatureCardNine from "@/components/sections/feature/FeatureCardNine";
|
|
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
|
|
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
|
|
import Link from "next/link";
|
|
import { Zap, Package, TrendingUp, Award, Building, Quote } from "lucide-react";
|
|
|
|
export default function HomePage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-shift"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="rounded"
|
|
contentWidth="smallMedium"
|
|
sizing="mediumLarge"
|
|
background="noiseDiagonalGradient"
|
|
cardStyle="solid"
|
|
primaryButtonStyle="double-inset"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
navItems={[
|
|
{ name: "Home", id: "home" },
|
|
{ name: "Products", id: "products" },
|
|
{ name: "Markets", id: "markets" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Contact", id: "contact" },
|
|
]}
|
|
button={{ text: "Request Quote", href: "contact" }}
|
|
brandName="ElectroGlobal"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroLogoBillboard
|
|
logoText="ElectroGlobal"
|
|
description="Premium electronics wholesale connecting global markets. Trusted by enterprises across Middle East, Asia, Europe, and USA. Supply chain excellence with precision reliability."
|
|
buttons={[
|
|
{ text: "Explore Products", href: "products" },
|
|
{ text: "Request Catalog", href: "contact" },
|
|
]}
|
|
background={{ variant: "sparkles-gradient" }}
|
|
imageSrc="http://img.b2bpic.net/free-vector/flat-online-shopping-round-concept_1284-48531.jpg"
|
|
imageAlt="Global electronics wholesale marketplace"
|
|
frameStyle="card"
|
|
mediaAnimation="slide-up"
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TestimonialAboutCard
|
|
tag="Who We Are"
|
|
tagIcon={Zap}
|
|
title="Engineered for Global Excellence in Electronics Distribution"
|
|
description="ElectroGlobal Leadership"
|
|
subdescription="Connecting continents with premium electronics since 2008"
|
|
icon={Zap}
|
|
imageSrc="http://img.b2bpic.net/free-photo/people-working-together-warehouse_23-2149128313.jpg?_wi=1"
|
|
imageAlt="Global distribution center"
|
|
mediaAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardOne
|
|
title="Featured Product Lines"
|
|
description="Comprehensive electronics catalog serving global wholesale demand with competitive pricing and reliable delivery"
|
|
tag="Available Now"
|
|
tagIcon={Package}
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
gridVariant="three-columns-all-equal-width"
|
|
products={[
|
|
{
|
|
id: "1",
|
|
name: "Semiconductors & Chipsets",
|
|
price: "Contact for pricing",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/technology-texture-background_23-2148105562.jpg?_wi=1",
|
|
imageAlt: "Semiconductor components",
|
|
},
|
|
{
|
|
id: "2",
|
|
name: "Display Technologies",
|
|
price: "Contact for pricing",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/chroma-key-isolated-screen-computer-displays-customer-support-workspace_482257-118011.jpg?_wi=1",
|
|
imageAlt: "Display screens and monitors",
|
|
},
|
|
{
|
|
id: "3",
|
|
name: "Power & Connectivity",
|
|
price: "Contact for pricing",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/powerful-external-battery-with-usb-wire_93675-128475.jpg?_wi=1",
|
|
imageAlt: "Power supplies and connectivity solutions",
|
|
},
|
|
]}
|
|
useInvertedBackground={false}
|
|
buttons={[{ text: "View Full Catalog", href: "products" }]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardSeven
|
|
title="Global Operations Excellence"
|
|
description="Our worldwide reach and operational metrics demonstrate commitment to wholesale leadership"
|
|
tag="By The Numbers"
|
|
tagIcon={TrendingUp}
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
metrics={[
|
|
{
|
|
id: "1",
|
|
value: "4",
|
|
title: "Continents Served",
|
|
items: [
|
|
"Middle East headquarters",
|
|
"Asia Pacific distribution",
|
|
"European logistics hub",
|
|
"North American operations",
|
|
],
|
|
},
|
|
{
|
|
id: "2",
|
|
value: "50+",
|
|
title: "Global Partners",
|
|
items: [
|
|
"Premium manufacturers",
|
|
"Certified distributors",
|
|
"Enterprise clients",
|
|
"Strategic partners",
|
|
],
|
|
},
|
|
{
|
|
id: "3",
|
|
value: "15+",
|
|
title: "Years Industry Leadership",
|
|
items: [
|
|
"Established expertise",
|
|
"Proven track record",
|
|
"Trusted relationships",
|
|
"Market knowledge",
|
|
],
|
|
},
|
|
{
|
|
id: "4",
|
|
value: "24/7",
|
|
title: "Customer Support",
|
|
items: [
|
|
"Multilingual team",
|
|
"Quick response time",
|
|
"Technical expertise",
|
|
"Solution-focused",
|
|
],
|
|
},
|
|
]}
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardNine
|
|
title="Why Choose ElectroGlobal"
|
|
description="Industry-leading wholesale solutions with global reach and local expertise"
|
|
tag="Our Advantages"
|
|
tagIcon={Award}
|
|
textboxLayout="default"
|
|
animationType="blur-reveal"
|
|
showStepNumbers={true}
|
|
features={[
|
|
{
|
|
id: 1,
|
|
title: "Competitive Wholesale Pricing",
|
|
description:
|
|
"Volume-based pricing structures designed for wholesale buyers seeking maximum margin while maintaining quality standards across all product categories.",
|
|
phoneOne: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/technology-texture-background_23-2148105562.jpg?_wi=2",
|
|
imageAlt: "Competitive pricing visualization",
|
|
},
|
|
phoneTwo: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/chroma-key-isolated-screen-computer-displays-customer-support-workspace_482257-118011.jpg?_wi=2",
|
|
imageAlt: "Pricing structure showcase",
|
|
},
|
|
},
|
|
{
|
|
id: 2,
|
|
title: "Reliable Global Logistics",
|
|
description:
|
|
"Streamlined supply chain management with warehouses strategically located in major markets ensuring fast, reliable delivery to customers worldwide.",
|
|
phoneOne: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/powerful-external-battery-with-usb-wire_93675-128475.jpg?_wi=2",
|
|
imageAlt: "Global logistics network",
|
|
},
|
|
phoneTwo: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/people-working-together-warehouse_23-2149128313.jpg?_wi=2",
|
|
imageAlt: "Distribution center operations",
|
|
},
|
|
},
|
|
]}
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="socialproof" data-section="socialproof">
|
|
<SocialProofOne
|
|
title="Trusted by Industry Leaders"
|
|
description="Partnering with world-class electronics manufacturers and distributors globally"
|
|
tag="Our Partners"
|
|
tagIcon={Building}
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
showCard={true}
|
|
speed={40}
|
|
names={[
|
|
"Samsung Electronics",
|
|
"LG Electronics",
|
|
"Sony Corporation",
|
|
"Qualcomm Inc.",
|
|
"Intel Corporation",
|
|
"MediaTek",
|
|
"Broadcom Inc.",
|
|
"Marvell Technology",
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseReveal
|
|
columns={[
|
|
{
|
|
title: "Company",
|
|
items: [
|
|
{ label: "About Us", href: "about" },
|
|
{ label: "Global Markets", href: "markets" },
|
|
{ label: "Careers", href: "#" },
|
|
{ label: "Press", href: "#" },
|
|
],
|
|
},
|
|
{
|
|
title: "Products",
|
|
items: [
|
|
{ label: "Product Catalog", href: "products" },
|
|
{ label: "Semiconductors", href: "#" },
|
|
{ label: "Displays", href: "#" },
|
|
{ label: "Power Solutions", href: "#" },
|
|
],
|
|
},
|
|
{
|
|
title: "Support",
|
|
items: [
|
|
{ label: "Contact", href: "contact" },
|
|
{ label: "Documentation", href: "#" },
|
|
{ label: "Technical Support", href: "#" },
|
|
{ label: "Privacy Policy", href: "#" },
|
|
],
|
|
},
|
|
]}
|
|
copyrightText="© 2025 ElectroGlobal | Global Electronics Wholesale"
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |