Compare commits
5 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 5d31a6eca9 | |||
| 0c57b56c06 | |||
| 354518176b | |||
| a988fbe4d1 | |||
| 0c909324a0 |
215
src/app/page.tsx
215
src/app/page.tsx
@@ -12,7 +12,7 @@ import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen
|
|||||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||||||
import { Award, CheckCircle, Zap } from "lucide-react";
|
import { Award, CheckCircle, Zap, MessageSquare, Phone } from "lucide-react";
|
||||||
|
|
||||||
export default function LandingPage() {
|
export default function LandingPage() {
|
||||||
return (
|
return (
|
||||||
@@ -32,16 +32,11 @@ export default function LandingPage() {
|
|||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarStyleCentered
|
<NavbarStyleCentered
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{ name: "الرئيسية", id: "hero" },
|
||||||
name: "الرئيسية", id: "hero"},
|
{ name: "عن الشركة", id: "about" },
|
||||||
{
|
{ name: "المنتجات", id: "products" },
|
||||||
name: "عن الشركة", id: "about"},
|
{ name: "المواصفات", id: "specs" },
|
||||||
{
|
{ name: "اتصل بنا", id: "contact" },
|
||||||
name: "المنتجات", id: "products"},
|
|
||||||
{
|
|
||||||
name: "الحلول", id: "solutions"},
|
|
||||||
{
|
|
||||||
name: "اتصل بنا", id: "contact"},
|
|
||||||
]}
|
]}
|
||||||
brandName="بن عبدالقوي للطاقة"
|
brandName="بن عبدالقوي للطاقة"
|
||||||
/>
|
/>
|
||||||
@@ -49,52 +44,21 @@ export default function LandingPage() {
|
|||||||
|
|
||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroSplitKpi
|
<HeroSplitKpi
|
||||||
background={{
|
background={{ variant: "gradient-bars" }}
|
||||||
variant: "gradient-bars"}}
|
|
||||||
title="ريادة في تخزين الطاقة.. حلول ذكية لمستقبل مستدام"
|
title="ريادة في تخزين الطاقة.. حلول ذكية لمستقبل مستدام"
|
||||||
description="شركة بن عبدالقوي توفر لك أحدث تقنيات بطاريات الليثيوم LiFePO4 وأنظمة الطاقة الشمسية المتكاملة، لضمان استمرارية الطاقة في منزلك ومنشأتك بأعلى معايير الأمان."
|
description="شركة بن عبدالقوي توفر لك أحدث تقنيات بطاريات الليثيوم LiFePO4 وأنظمة الطاقة الشمسية المتكاملة، لضمان استمرارية الطاقة في منزلك ومنشأتك بأعلى معايير الأمان."
|
||||||
kpis={[
|
kpis={[
|
||||||
{
|
{ value: "32kWh", label: "سعة التخزين" },
|
||||||
value: "32kWh", label: "سعة التخزين"},
|
{ value: "6000+", label: "دورة شحن" },
|
||||||
{
|
{ value: "5 سنوات", label: "ضمان شامل" },
|
||||||
value: "6000+", label: "دورة شحن"},
|
|
||||||
{
|
|
||||||
value: "5 سنوات", label: "ضمان شامل"},
|
|
||||||
]}
|
]}
|
||||||
enableKpiAnimation={true}
|
enableKpiAnimation={true}
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{ text: "احصل على استشارة مجانية", href: "#products" },
|
||||||
text: "استكشف منتجاتنا", href: "#products"},
|
{ text: "تحدث معنا", href: "https://wa.me/966781499932" },
|
||||||
{
|
|
||||||
text: "احصل على استشارة فنية", href: "#contact"},
|
|
||||||
]}
|
]}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/futuristic-representation-water-structure_23-2151048217.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/futuristic-representation-water-structure_23-2151048217.jpg"
|
||||||
mediaAnimation="slide-up"
|
mediaAnimation="slide-up"
|
||||||
avatars={[
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/aerial-shot-photovoltaics-eco-friendly-warehouse-3d-illustration_482257-78152.jpg", alt: "Aerial shot of photovoltaics in eco friendly warehouse 3D illustration"},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/natural-background-water-pool-texture-close-up_169016-22523.jpg", alt: "Natural background water pool texture close up"},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/3d-eco-project-environment-with-solar-pannels_23-2148907424.jpg", alt: "3d eco project for environment with solar pannels"},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/3d-recycle-batteries_23-2148907390.jpg", alt: "3d recycle batteries"},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/technology-future-electronics-integrated-system_1204-190.jpg", alt: "technology future electronics integrated system"},
|
|
||||||
]}
|
|
||||||
avatarText="موثوق به من قبل 500+ عميل"
|
|
||||||
marqueeItems={[
|
|
||||||
{
|
|
||||||
type: "text", text: "كفاءة عالية"},
|
|
||||||
{
|
|
||||||
type: "text", text: "أمان فائق"},
|
|
||||||
{
|
|
||||||
type: "text", text: "صديق للبيئة"},
|
|
||||||
{
|
|
||||||
type: "text", text: "دعم فني 24/7"},
|
|
||||||
{
|
|
||||||
type: "text", text: "تكنولوجيا مبتكرة"},
|
|
||||||
]}
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -103,15 +67,9 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
title="نحن نجمع بين الخبرة والهندسة"
|
title="نحن نجمع بين الخبرة والهندسة"
|
||||||
metrics={[
|
metrics={[
|
||||||
{
|
{ icon: CheckCircle, label: "جودة عالية", value: "Grade A+" },
|
||||||
icon: CheckCircle,
|
{ icon: Award, label: "ضمان ذهبي", value: "5 سنوات" },
|
||||||
label: "جودة عالية", value: "Grade A+"},
|
{ icon: Zap, label: "نظام ذكي", value: "BMS مدمج" },
|
||||||
{
|
|
||||||
icon: Award,
|
|
||||||
label: "ضمان شامل", value: "5 سنوات"},
|
|
||||||
{
|
|
||||||
icon: Zap,
|
|
||||||
label: "نظام ذكي", value: "BMS مدمج"},
|
|
||||||
]}
|
]}
|
||||||
metricsAnimation="slide-up"
|
metricsAnimation="slide-up"
|
||||||
/>
|
/>
|
||||||
@@ -124,111 +82,38 @@ export default function LandingPage() {
|
|||||||
gridVariant="uniform-all-items-equal"
|
gridVariant="uniform-all-items-equal"
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
products={[
|
products={[
|
||||||
{
|
{ id: "p1", name: "BAQ-32 Lite", price: "SAR 15,000", variant: "Home Basic", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-using-rotary-switch_23-2149308949.jpg" },
|
||||||
id: "p1", name: "BAQ-32 Lite", price: "SAR 15,000", variant: "Home Basic", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-using-rotary-switch_23-2149308949.jpg"},
|
{ id: "p2", name: "BAQ-32 Pro", price: "SAR 25,000", variant: "Home Advanced", imageSrc: "http://img.b2bpic.net/free-photo/solar-power-power-station_1387-62.jpg" },
|
||||||
{
|
|
||||||
id: "p2", name: "BAQ-32 Pro", price: "SAR 25,000", variant: "Home Advanced", imageSrc: "http://img.b2bpic.net/free-photo/solar-power-power-station_1387-62.jpg"},
|
|
||||||
{
|
|
||||||
id: "p3", name: "BAQ-64 Industrial", price: "SAR 45,000", variant: "Enterprise", imageSrc: "http://img.b2bpic.net/free-photo/3d-solar-pannels_23-2148907392.jpg"},
|
|
||||||
{
|
|
||||||
id: "p4", name: "Solar Array", price: "SAR 10,000", variant: "Addition", imageSrc: "http://img.b2bpic.net/free-photo/3d-house-with-solar-pannels_23-2148907394.jpg"},
|
|
||||||
{
|
|
||||||
id: "p5", name: "BMS Module", price: "SAR 2,000", variant: "Accessory", imageSrc: "http://img.b2bpic.net/free-photo/solar-panels-with-copy-space_23-2148895412.jpg"},
|
|
||||||
{
|
|
||||||
id: "p6", name: "Smart Inverter", price: "SAR 5,000", variant: "Accessory", imageSrc: "http://img.b2bpic.net/free-photo/3d-house-with-solar-pannels_23-2148907395.jpg"},
|
|
||||||
]}
|
]}
|
||||||
title="نظام تخزين الطاقة الفائق (BAQ-32)"
|
title="نظام تخزين الطاقة الفائق (BAQ-32)"
|
||||||
description="نقدم حلول تخزين طاقة متطورة مصممة لتحمل أصعب الظروف وضمان استمرارية الطاقة."
|
description="نقدم حلول تخزين طاقة متطورة مصممة لتحمل أصعب الظروف وضمان استمرارية الطاقة."
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="solutions" data-section="solutions">
|
|
||||||
<FeatureCardTwentyEight
|
|
||||||
animationType="slide-up"
|
|
||||||
textboxLayout="default"
|
|
||||||
useInvertedBackground={false}
|
|
||||||
features={[
|
|
||||||
{
|
|
||||||
id: "s1", title: "حلول سكنية", subtitle: "استقلالية كاملة", category: "المنازل", value: "صامت وآمن"},
|
|
||||||
{
|
|
||||||
id: "s2", title: "حلول تجارية", subtitle: "استمرارية العمل", category: "الشركات", value: "موثوقية عالية"},
|
|
||||||
{
|
|
||||||
id: "s3", title: "تصميم وتركيب", subtitle: "خدمة متكاملة", category: "الخدمات", value: "من الفكرة للتشغيل"},
|
|
||||||
]}
|
|
||||||
title="حلول الطاقة المتكاملة"
|
|
||||||
description="نقدم خدمات مصممة لتلبية احتياجاتك السكنية والتجارية مع التركيز على الأداء العالي."
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="specs" data-section="specs">
|
<div id="specs" data-section="specs">
|
||||||
<MetricCardFourteen
|
<MetricCardFourteen
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
title="المواصفات الفنية"
|
title="مواصفات بطارية 32kWh الذكية"
|
||||||
tag="BAQ-32"
|
tag="تقنية متطورة"
|
||||||
metrics={[
|
metrics={[
|
||||||
{
|
{ id: "m1", value: "32kWh", description: "سعة تخزينية" },
|
||||||
id: "m1", value: "32kWh", description: "سعة تخزينية هائلة"},
|
{ id: "m2", value: "LiFePO4", description: "خلايا ليثيوم آمنة" },
|
||||||
{
|
{ id: "m3", value: "6000+", description: "دورة شحن" },
|
||||||
id: "m2", value: "LiFePO4", description: "خلايا ليثيوم آمنة"},
|
{ id: "m4", value: "5 سنوات", description: "ضمان شامل" },
|
||||||
{
|
|
||||||
id: "m3", value: "6000+", description: "دورة شحن كاملة"},
|
|
||||||
{
|
|
||||||
id: "m4", value: "10 سنوات", description: "عمر افتراضي طويل"},
|
|
||||||
]}
|
]}
|
||||||
metricsAnimation="slide-up"
|
metricsAnimation="slide-up"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="testimonials" data-section="testimonials">
|
|
||||||
<TestimonialCardFifteen
|
|
||||||
useInvertedBackground={false}
|
|
||||||
testimonial="لقد غيرت أنظمة بن عبدالقوي من مفهوم الاعتماد على الطاقة في مصنعنا، أداء مذهل وموثوقية عالية جداً."
|
|
||||||
rating={5}
|
|
||||||
author="محمد العتيبي"
|
|
||||||
avatars={[
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/colleagues-with-masks-working-together-environment-project_23-2148894093.jpg", alt: "Sarah"},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/builder-man-wearing-construction-uniform-security-helmet-pointing-aside-with-hand-open-palm-showing-copy-space-smiling-confident-isolated-blue-wall_141793-14081.jpg", alt: "Michael"},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/portrait-african-american-programer-sitting-down-working-laptop-arranging-glasses-looking-up-smiling-camera-system-engineer-using-portable-computer-computing-big-data_482257-40598.jpg", alt: "Emily"},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/serious-senior-business-woman-office-desk_1262-3824.jpg", alt: "David"},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/woman-working-energy-power-innovation_23-2148820148.jpg", alt: "Alex"},
|
|
||||||
]}
|
|
||||||
ratingAnimation="slide-up"
|
|
||||||
avatarsAnimation="slide-up"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="faq" data-section="faq">
|
|
||||||
<FaqSplitText
|
|
||||||
useInvertedBackground={true}
|
|
||||||
faqs={[
|
|
||||||
{
|
|
||||||
id: "f1", title: "هل بطاريات الليثيوم آمنة؟", content: "نعم، نستخدم خلايا LiFePO4 وهي الأكثر أماناً عالمياً ومحمية بنظام إدارة متطور."},
|
|
||||||
{
|
|
||||||
id: "f2", title: "كم تدوم البطارية؟", content: "تدوم لأكثر من 6000 دورة شحن، مما يعني أكثر من 10 سنوات من الاستخدام المستمر."},
|
|
||||||
{
|
|
||||||
id: "f3", title: "هل تحتاج صيانة؟", content: "أنظمتنا ذكية ومصممة لتكون صامتة ولا تحتاج لصيانة دورية معقدة."},
|
|
||||||
]}
|
|
||||||
sideTitle="أسئلة شائعة"
|
|
||||||
sideDescription="إجابات على أهم تساؤلات عملائنا حول تقنيات التخزين."
|
|
||||||
faqsAnimation="slide-up"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="contact" data-section="contact">
|
<div id="contact" data-section="contact">
|
||||||
<ContactSplit
|
<ContactSplit
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
background={{
|
background={{ variant: "sparkles-gradient" }}
|
||||||
variant: "sparkles-gradient"}}
|
tag="اتصل بنا"
|
||||||
tag="تواصل معنا"
|
title="تواصل معنا للحصول على عرض سعر فوري"
|
||||||
title="ابدأ رحلتك نحو استقلال الطاقة"
|
description="سواء كنت تتصل أو تراسلنا عبر الواتساب على 781499932، نحن هنا لتقديم أفضل عرض سعر لبطاريات الطاقة الحديثة."
|
||||||
description="احصل على تقييم مجاني لاحتياجاتك من الطاقة اليوم"
|
inputPlaceholder="بريدك الإلكتروني"
|
||||||
mediaAnimation="slide-up"
|
buttonText="إرسال"
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/circuit-code-blue-screen-icon_53876-167105.jpg"
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -236,39 +121,21 @@ export default function LandingPage() {
|
|||||||
<FooterBaseReveal
|
<FooterBaseReveal
|
||||||
logoText="بن عبدالقوي"
|
logoText="بن عبدالقوي"
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{ title: "روابط سريعة", items: [{ label: "الرئيسية", href: "#hero" }, { label: "المنتجات", href: "#products" }] },
|
||||||
title: "روابط سريعة", items: [
|
{ title: "قانوني", items: [{ label: "سياسة الخصوصية", href: "#" }] },
|
||||||
{
|
|
||||||
label: "الرئيسية", href: "#hero"},
|
|
||||||
{
|
|
||||||
label: "المنتجات", href: "#products"},
|
|
||||||
{
|
|
||||||
label: "اتصل بنا", href: "#contact"},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "خدماتنا", items: [
|
|
||||||
{
|
|
||||||
label: "حلول سكنية", href: "#solutions"},
|
|
||||||
{
|
|
||||||
label: "حلول تجارية", href: "#solutions"},
|
|
||||||
{
|
|
||||||
label: "تصميم وتركيب", href: "#solutions"},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "قانوني", items: [
|
|
||||||
{
|
|
||||||
label: "سياسة الخصوصية", href: "#"},
|
|
||||||
{
|
|
||||||
label: "شروط الخدمة", href: "#"},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
copyrightText="© 2024 جميع الحقوق محفوظة لشركة بن عبدالقوي للطاقة الحديثة."
|
copyrightText="© 2025 بن عبدالقوي للطاقة الحديثة."
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
{/* AI Chatbot & WhatsApp Floating Button */}
|
||||||
|
<div style={{ position: 'fixed', bottom: '20px', right: '20px', zIndex: 1000, display: 'flex', flexDirection: 'column', gap: '10px' }}>
|
||||||
|
<a href="https://wa.me/966781499932" target="_blank" style={{ background: '#25D366', padding: '15px', borderRadius: '50%', color: 'white' }}>
|
||||||
|
<MessageSquare />
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
Reference in New Issue
Block a user