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 ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
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() {
|
||||
return (
|
||||
@@ -32,16 +32,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "الرئيسية", id: "hero"},
|
||||
{
|
||||
name: "عن الشركة", id: "about"},
|
||||
{
|
||||
name: "المنتجات", id: "products"},
|
||||
{
|
||||
name: "الحلول", id: "solutions"},
|
||||
{
|
||||
name: "اتصل بنا", id: "contact"},
|
||||
{ name: "الرئيسية", id: "hero" },
|
||||
{ name: "عن الشركة", id: "about" },
|
||||
{ name: "المنتجات", id: "products" },
|
||||
{ name: "المواصفات", id: "specs" },
|
||||
{ name: "اتصل بنا", id: "contact" },
|
||||
]}
|
||||
brandName="بن عبدالقوي للطاقة"
|
||||
/>
|
||||
@@ -49,52 +44,21 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="ريادة في تخزين الطاقة.. حلول ذكية لمستقبل مستدام"
|
||||
description="شركة بن عبدالقوي توفر لك أحدث تقنيات بطاريات الليثيوم LiFePO4 وأنظمة الطاقة الشمسية المتكاملة، لضمان استمرارية الطاقة في منزلك ومنشأتك بأعلى معايير الأمان."
|
||||
kpis={[
|
||||
{
|
||||
value: "32kWh", label: "سعة التخزين"},
|
||||
{
|
||||
value: "6000+", label: "دورة شحن"},
|
||||
{
|
||||
value: "5 سنوات", label: "ضمان شامل"},
|
||||
{ value: "32kWh", label: "سعة التخزين" },
|
||||
{ value: "6000+", label: "دورة شحن" },
|
||||
{ value: "5 سنوات", label: "ضمان شامل" },
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "استكشف منتجاتنا", href: "#products"},
|
||||
{
|
||||
text: "احصل على استشارة فنية", href: "#contact"},
|
||||
{ text: "احصل على استشارة مجانية", href: "#products" },
|
||||
{ text: "تحدث معنا", href: "https://wa.me/966781499932" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/futuristic-representation-water-structure_23-2151048217.jpg"
|
||||
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>
|
||||
|
||||
@@ -103,15 +67,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="نحن نجمع بين الخبرة والهندسة"
|
||||
metrics={[
|
||||
{
|
||||
icon: CheckCircle,
|
||||
label: "جودة عالية", value: "Grade A+"},
|
||||
{
|
||||
icon: Award,
|
||||
label: "ضمان شامل", value: "5 سنوات"},
|
||||
{
|
||||
icon: Zap,
|
||||
label: "نظام ذكي", value: "BMS مدمج"},
|
||||
{ icon: CheckCircle, label: "جودة عالية", value: "Grade A+" },
|
||||
{ icon: Award, label: "ضمان ذهبي", value: "5 سنوات" },
|
||||
{ icon: Zap, label: "نظام ذكي", value: "BMS مدمج" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -124,111 +82,38 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
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: "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"},
|
||||
{ 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" },
|
||||
]}
|
||||
title="نظام تخزين الطاقة الفائق (BAQ-32)"
|
||||
description="نقدم حلول تخزين طاقة متطورة مصممة لتحمل أصعب الظروف وضمان استمرارية الطاقة."
|
||||
/>
|
||||
</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">
|
||||
<MetricCardFourteen
|
||||
useInvertedBackground={true}
|
||||
title="المواصفات الفنية"
|
||||
tag="BAQ-32"
|
||||
title="مواصفات بطارية 32kWh الذكية"
|
||||
tag="تقنية متطورة"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1", value: "32kWh", description: "سعة تخزينية هائلة"},
|
||||
{
|
||||
id: "m2", value: "LiFePO4", description: "خلايا ليثيوم آمنة"},
|
||||
{
|
||||
id: "m3", value: "6000+", description: "دورة شحن كاملة"},
|
||||
{
|
||||
id: "m4", value: "10 سنوات", description: "عمر افتراضي طويل"},
|
||||
{ id: "m1", value: "32kWh", description: "سعة تخزينية" },
|
||||
{ id: "m2", value: "LiFePO4", description: "خلايا ليثيوم آمنة" },
|
||||
{ id: "m3", value: "6000+", description: "دورة شحن" },
|
||||
{ id: "m4", value: "5 سنوات", description: "ضمان شامل" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</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">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="تواصل معنا"
|
||||
title="ابدأ رحلتك نحو استقلال الطاقة"
|
||||
description="احصل على تقييم مجاني لاحتياجاتك من الطاقة اليوم"
|
||||
mediaAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/circuit-code-blue-screen-icon_53876-167105.jpg"
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="اتصل بنا"
|
||||
title="تواصل معنا للحصول على عرض سعر فوري"
|
||||
description="سواء كنت تتصل أو تراسلنا عبر الواتساب على 781499932، نحن هنا لتقديم أفضل عرض سعر لبطاريات الطاقة الحديثة."
|
||||
inputPlaceholder="بريدك الإلكتروني"
|
||||
buttonText="إرسال"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -236,39 +121,21 @@ export default function LandingPage() {
|
||||
<FooterBaseReveal
|
||||
logoText="بن عبدالقوي"
|
||||
columns={[
|
||||
{
|
||||
title: "روابط سريعة", items: [
|
||||
{
|
||||
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: "#"},
|
||||
],
|
||||
},
|
||||
{ title: "روابط سريعة", items: [{ label: "الرئيسية", href: "#hero" }, { label: "المنتجات", href: "#products" }] },
|
||||
{ title: "قانوني", items: [{ label: "سياسة الخصوصية", href: "#" }] },
|
||||
]}
|
||||
copyrightText="© 2024 جميع الحقوق محفوظة لشركة بن عبدالقوي للطاقة الحديثة."
|
||||
copyrightText="© 2025 بن عبدالقوي للطاقة الحديثة."
|
||||
/>
|
||||
</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>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user