Merge version_1 into main

Merge version_1 into main
This commit was merged in pull request #3.
This commit is contained in:
2026-06-10 20:28:03 +00:00
2 changed files with 153 additions and 306 deletions

View File

@@ -2,17 +2,17 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
import MediaAbout from '@/components/sections/about/MediaAbout';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import { Cloud, Cog, Lightbulb, Mail, ShieldCheck, Star } from "lucide-react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import { Star, Lightbulb, Cog, Cloud, ShieldCheck, Mail } from 'lucide-react';
export default function LandingPage() {
export default function LandingPageAR() {
return (
<ThemeProvider
defaultButtonVariant="text-shift"
@@ -27,302 +27,146 @@ export default function LandingPage() {
headingFontWeight="bold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "/en",
},
{
name: "Vision",
id: "/en#vision",
},
{
name: "Services",
id: "/en#services",
},
{
name: "Portfolio",
id: "/en#portfolio",
},
{
name: "Clients",
id: "/en#clients",
},
{
name: "Contact",
id: "/en#contact",
},
]}
brandName="Enkidu Soft"
button={{
text: "Get in Touch",
href: "/en#contact",
}}
animateOnLoad={true}
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{ name: "الرئيسية", id: "/ar" },
{ name: "الرؤية", id: "/ar#vision-ar" },
{ name: "الخدمات", id: "/ar#services-ar" },
{ name: "المشاريع", id: "/ar#portfolio-ar" },
{ name: "العملاء", id: "/ar#clients-ar" },
{ name: "تواصل معنا", id: "/ar#contact-ar" }
]}
brandName="Enkidu Soft"
button={{
text: "تواصل معنا", href: "/ar#contact-ar"
}}
animateOnLoad={true}
/>
</div>
<div id="hero-ar" data-section="hero-ar">
<HeroSplitDualMedia
background={{
variant: "downward-rays-animated",
}}
title="التميز الهندسي يُقدم بموثوقية"
description="تتعاون إنكيدو سوفت مع قادة المؤسسات لتصميم، بناء، وتوسيع حلول برمجية تحويلية. نجمع بين الانضباط الهندسي الصارم والرؤى العميقة للسوق لتحويل الرؤى الطموحة إلى منتجات جاهزة للسوق."
tag="شريك مؤسسي موثوق به"
tagIcon={Star}
tagAnimation="slide-up"
buttons={[
{
text: "استكشف أعمالنا",
href: "/ar#portfolio",
},
]}
buttonAnimation="slide-up"
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/blockchain-technology-cartoon-illustration_23-2151572158.jpg",
imageAlt: "تدفق بيانات مجرد وآمن",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/string-optical-fiber-lights-blue_23-2148241319.jpg",
imageAlt: "رف خوادم حديث مع أضواء زرقاء متوهجة",
},
]}
mediaAnimation="slide-up"
rating={5}
ratingText="تقييم 5/5 نجوم من قبل عملاء المؤسسات"
/>
</div>
<div id="hero-ar" data-section="hero-ar">
<HeroSplitDualMedia
background={{ variant: "downward-rays-animated" }}
title="التميز الهندسي يُقدم بموثوقية"
description="تتعاون إنكيدو سوفت مع قادة المؤسسات لتصميم، بناء، وتوسيع حلول برمجية تحويلية. نجمع بين الانضباط الهندسي الصارم والرؤى العميقة للسوق لتحويل الرؤى الطموحة إلى منتجات جاهزة للسوق."
tag="شريك مؤسسي موثوق به"
tagIcon={Star}
tagAnimation="slide-up"
buttons={[{ text: "استكشف أعمالنا", href: "/ar#portfolio-ar" }]}
buttonAnimation="slide-up"
mediaItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/blockchain-technology-cartoon-illustration_23-2151572158.jpg", imageAlt: "تدفق بيانات مجرد وآمن" },
{ imageSrc: "http://img.b2bpic.net/free-photo/string-optical-fiber-lights-blue_23-2148241319.jpg", imageAlt: "رف خوادم حديث مع أضواء زرقاء متوهجة" }
]}
mediaAnimation="slide-up"
rating={5}
ratingText="تقييم 5/5 نجوم من قبل عملاء المؤسسات"
/>
</div>
<div id="vision-ar" data-section="vision-ar">
<MediaAbout
useInvertedBackground={true}
title="رؤيتنا المؤسسية وفلسفتنا الهندسية"
description="في إنكيدو سوفت، نلتزم بالصرامة الهندسية التي لا مثيل لها والنهج المرتكز على العميل. تتمحور فلسفتنا حول بناء حلول برمجية قوية، قابلة للتطوير، وآمنة تصمد أمام اختبار الزمن، وتمكن الشركات من تحقيق أهدافها الاستراتيجية بثقة وابتكار."
tag="هندسة رؤيوية"
tagIcon={Lightbulb}
imageSrc="http://img.b2bpic.net/free-photo/abstract-chess-pieces-digital-art-style_23-2151476132.jpg"
imageAlt="تمثيل مجرد للرؤية المؤسسية والنمو الاستراتيجي"
/>
</div>
<div id="vision-ar" data-section="vision-ar">
<MediaAbout
useInvertedBackground={true}
title="رؤيتنا المؤسسية وفلسفتنا الهندسية"
description="في إنكيدو سوفت، نلتزم بالصرامة الهندسية التي لا مثيل لها والنهج المرتكز على العميل. تتمحور فلسفتنا حول بناء حلول برمجية قوية، قابلة للتطوير، وآمنة تصمد أمام اختبار الزمن، وتمكن الشركات من تحقيق أهدافها الاستراتيجية بثقة وابتكار."
tag="هندسة رؤيوية"
tagIcon={Lightbulb}
imageSrc="http://img.b2bpic.net/free-photo/abstract-chess-pieces-digital-art-style_23-2151476132.jpg"
imageAlt="تمثيل مجرد للرؤية المؤسسية والنمو الاستراتيجي"
/>
</div>
<div id="services-ar" data-section="services-ar">
<FeatureCardTwentyFive
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
features={[
{
title: "هندسة أنظمة صارمة",
description: "تصميم أسس قوية وقابلة للتطوير وآمنة لتطبيقاتك الأكثر أهمية، مما يضمن الأداء والموثوقية على المدى الطويل.",
icon: Cog,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/it-specialist-working-data-center-facility-housing-storage-hardware-close-up_482257-90136.jpg",
imageAlt: "محرر أكواد يظهر الهندسة الصارمة",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/dark-toy-constructions-designed-shaped-light-toy-plastic-rubics-cube_140725-32065.jpg",
imageAlt: "تصميم معماري مجرد للبيانات",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/geometric-abstract-background-technology-concept-connecting-dots-design_53876-153353.jpg?_wi=3",
imageAlt: "clean code editor dark theme",
},
{
title: "حلول سحابية قابلة للتطوير",
description: "الاستفادة من قوة تقنيات السحابة الأصلية لبناء تطبيقات مرنة، قابلة للتطوير، وفعالة من حيث التكلفة تنمو مع عملك.",
icon: Cloud,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-vector/social-media-elements-cloud-shape-flat-style_23-2147831271.jpg",
imageAlt: "أيقونة تمثل بنية تحتية سحابية قابلة للتطوير",
},
{
imageSrc: "http://img.b2bpic.net/free-vector/business-people-planning-work-tasks-sample-text_74855-3807.jpg",
imageAlt: "بيئة تطوير تعاونية",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/modern-data-center-providing-cloud-services-enabling-businesses-access-computing-resources-storage-demand-internet-server-room-infrastructure-3d-render-animation_482257-65963.jpg?_wi=3",
imageAlt: "clean code editor dark theme",
},
{
title: "تطوير تطبيقات آمنة",
description: "تطبيق أفضل ممارسات وبروتوكولات الأمان الرائدة في الصناعة لحماية بياناتك وضمان سلامة أصول برمجياتك.",
icon: ShieldCheck,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-vector/mobile-phishing-landing-page_23-2148546599.jpg",
imageAlt: "واجهة مستخدم تعرض تشفير بيانات آمن",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/vimeo-icon-line-connection-circuit-board_1379-895.jpg",
imageAlt: "تكامل سلس بين المنصات",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-red-cartoon-arrow_23-2148488394.jpg?_wi=3",
imageAlt: "clean code editor dark theme",
},
]}
title="قدرات تطوير برمجيات نخبوية"
description="نقدم خدمات تطوير برمجيات مخصصة شاملة، من التصميم المعماري الأولي إلى النشر المستمر. تمتد خبرتنا عبر تكامل الأنظمة المعقدة، حلول السحابة المتطورة، والتطبيقات عالية الأمان والقابلة للتطوير والمصممة لتلبية احتياجات عملك الفريدة."
/>
</div>
<div id="services-ar" data-section="services-ar">
<FeatureCardTwentyFive
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
features={[
{
title: "هندسة أنظمة صارمة", description: "تصميم أسس قوية وقابلة للتطوير وآمنة لتطبيقاتك الأكثر أهمية، مما يضمن الأداء والموثوقية على المدى الطويل.", icon: Cog,
mediaItems: [
{ imageSrc: "http://img.b2bpic.net/free-photo/it-specialist-working-data-center-facility-housing-storage-hardware-close-up_482257-90136.jpg", imageAlt: "محرر أكواد يظهر الهندسة الصارمة" },
{ imageSrc: "http://img.b2bpic.net/free-photo/dark-toy-constructions-designed-shaped-light-toy-plastic-rubics-cube_140725-32065.jpg", imageAlt: "تصميم معماري مجرد للبيانات" }
]
},
{
title: "حلول سحابية قابلة للتطوير", description: "الاستفادة من قوة تقنيات السحابة الأصلية لبناء تطبيقات مرنة، قابلة للتطوير، وفعالة من حيث التكلفة تنمو مع عملك.", icon: Cloud,
mediaItems: [
{ imageSrc: "http://img.b2bpic.net/free-vector/social-media-elements-cloud-shape-flat-style_23-2147831271.jpg", imageAlt: "أيقونة تمثل بنية تحتية سحابية قابلة للتطوير" },
{ imageSrc: "http://img.b2bpic.net/free-vector/business-people-planning-work-tasks-sample-text_74855-3807.jpg", imageAlt: "بيئة تطوير تعاونية" }
]
},
{
title: "تطوير تطبيقات آمنة", description: "تطبيق أفضل ممارسات وبروتوكولات الأمان الرائدة في الصناعة لحماية بياناتك وضمان سلامة أصول برمجياتك.", icon: ShieldCheck,
mediaItems: [
{ imageSrc: "http://img.b2bpic.net/free-vector/mobile-phishing-landing-page_23-2148546599.jpg", imageAlt: "واجهة مستخدم تعرض تشفير بيانات آمن" },
{ imageSrc: "http://img.b2bpic.net/free-photo/vimeo-icon-line-connection-circuit-board_1379-895.jpg", imageAlt: "تكامل سلس بين المنصات" }
]
}
]}
title="قدرات تطوير برمجيات نخبوية"
description="نقدم خدمات تطوير برمجيات مخصصة شاملة، من التصميم المعماري الأولي إلى النشر المستمر. تمتد خبرتنا عبر تكامل الأنظمة المعقدة، حلول السحابة المتطورة، والتطبيقات عالية الأمان والقابلة للتطوير والمصممة لتلبية احتياجات عملك الفريدة."
/>
</div>
<div id="portfolio-ar" data-section="portfolio-ar">
<ProductCardFour
animationType="slide-up"
textboxLayout="default"
gridVariant="bento-grid"
useInvertedBackground={true}
products={[
{
id: "p1",
name: "جناح مالي للمؤسسات",
price: "التقنية المالية",
variant: يب، واجهة برمجة تطبيقات، سحابة",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-african-american-entrepreneur-analyzing-company-profit_482257-20207.jpg",
imageAlt: "واجهة مستخدم لوحة تحكم مالية للمؤسسات",
},
{
id: "p2",
name: "منصة لوجستية في الوقت الفعلي",
price: "سلسلة التوريد",
variant: "جوال، ويب، إنترنت الأشياء",
imageSrc: "http://img.b2bpic.net/free-photo/mobile-app-location-digital-art_23-2151762839.jpg",
imageAlt: "واجهة مستخدم لتطبيق جوال لتتبع اللوجستيات في الوقت الفعلي",
},
{
id: "p3",
name: "نظام إدارة الرعاية الصحية",
price: "تقنية صحية",
variant: "بوابة ويب، سجلات طبية إلكترونية",
imageSrc: "http://img.b2bpic.net/free-photo/licensed-specialist-examine-healthcare-records-laptop-x-ray-scan-results_482257-123295.jpg",
imageAlt: "بوابة ويب لنظام إدارة الرعاية الصحية",
},
{
id: "p4",
name: "محرك تحليلات مدعوم بالذكاء الاصطناعي",
price: "علم البيانات",
variant: "ذكاء اصطناعي/تعلم آلي، بيانات ضخمة",
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-looking-company-charts_482257-124401.jpg",
imageAlt: "واجهة مستخدم لمنصة تحليلات مدعومة بالذكاء الاصطناعي",
},
{
id: "p5",
name: "نظام إدارة خلفي للتجارة الإلكترونية العالمية",
price: "تقنية التجزئة",
variant: "واجهة برمجة تطبيقات، خدمات مصغرة",
imageSrc: "http://img.b2bpic.net/free-vector/purchase-online-concept-application_23-2148651947.jpg",
imageAlt: "واجهة مستخدم لنظام إدارة خلفي للتجارة الإلكترونية",
},
{
id: "p6",
name: "منصة هوية البلوك تشين",
price: "الأمن السيبراني",
variant: "بلوك تشين، ويب 3",
imageSrc: "http://img.b2bpic.net/free-vector/digital-privacy-personal-data-protection-set-four-horizontal-banners-with-isometric-icons-page-buttons_1284-62628.jpg",
imageAlt: "واجهة مستخدم لمنصة التحقق من الهوية القائمة على البلوك تشين",
},
]}
title="مشاريعنا الرائدة وتأثيرها"
description="اكتشف مجموعة مختارة من مشاريعنا التحويلية التي تبرهن على براعتنا التقنية والتأثير الملموس الذي نقدمه لعملاء المؤسسات. من المنصات المالية القوية إلى حلول الذكاء الاصطناعي الذكية، تعرض محفظتنا الابتكار والتميز الهندسي."
/>
</div>
<div id="portfolio-ar" data-section="portfolio-ar">
<ProductCardFour
animationType="slide-up"
textboxLayout="default"
gridVariant="bento-grid"
useInvertedBackground={true}
products={[
{ id: "p1", name: "جناح مالي للمؤسسات", price: "التقنية المالية", variant: "ويب، واجهة برمجة تطبيقات، سحابة", imageSrc: "http://img.b2bpic.net/free-photo/closeup-african-american-entrepreneur-analyzing-company-profit_482257-20207.jpg", imageAlt: "واجهة مستخدم لوحة تحكم مالية للمؤسسات" },
{ id: "p2", name: "منصة لوجستية في الوقت الفعلي", price: "سلسلة التوريد", variant: "جوال، ويب، إنترنت الأشياء", imageSrc: "http://img.b2bpic.net/free-photo/mobile-app-location-digital-art_23-2151762839.jpg", imageAlt: "واجهة مستخدم لتطبيق جوال لتتبع اللوجستيات في الوقت الفعلي" },
{ id: "p3", name: "نظام إدارة الرعاية الصحية", price: "تقنية صحية", variant: "بوابة ويب، سجلات طبية إلكترونية", imageSrc: "http://img.b2bpic.net/free-photo/licensed-specialist-examine-healthcare-records-laptop-x-ray-scan-results_482257-123295.jpg", imageAlt: "بوابة ويب لنظام إدارة الرعاية الصحية" },
{ id: "p4", name: "محرك تحليلات مدعوم بالذكاء الاصطناعي", price: "علم البيانات", variant: "ذكاء اصطناعي/تعلم آلي، بيانات ضخمة", imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-looking-company-charts_482257-124401.jpg", imageAlt: "واجهة مستخدم لمنصة تحليلات مدعومة بالذكاء الاصطناعي" },
{ id: "p5", name: "نظام إدارة خلفي للتجارة الإلكترونية العالمية", price: "تقنية التجزئة", variant: "واجهة برمجة تطبيقات، خدمات مصغرة", imageSrc: "http://img.b2bpic.net/free-vector/purchase-online-concept-application_23-2148651947.jpg", imageAlt: "واجهة مستخدم لنظام إدارة خلفي للتجارة الإلكترونية" },
{ id: "p6", name: "منصة هوية البلوك تشين", price: "الأمن السيبراني", variant: "بلوك تشين، ويب 3", imageSrc: "http://img.b2bpic.net/free-vector/digital-privacy-personal-data-protection-set-four-horizontal-banners-with-isometric-icons-page-buttons_1284-62628.jpg", imageAlt: "واجهة مستخدم لمنصة التحقق من الهوية القائمة على البلوك تشين" }
]}
title="مشاريعنا الرائدة وتأثيرها"
description="اكتشف مجموعة مختارة من مشاريعنا التحويلية التي تبرهن على براعتنا التقنية والتأثير الملموس الذي نقدمه لعملاء المؤسسات. من المنصات المالية القوية إلى حلول الذكاء الاصطناعي الذكية، تعرض محفظتنا الابتكار والتميز الهندسي."
/>
</div>
<div id="clients-ar" data-section="clients-ar">
<SocialProofOne
textboxLayout="default"
useInvertedBackground={false}
names={[
"حلول جلوبال كورب",
"مشاريع إنوفيت",
"تحليلات كوانتم",
"تقنيات سينابس",
"ديناميكيات هورايزن",
"مجموعة بيك بيرفورمانس",
"ابتكارات أيبكس",
"شبكات كاتاليست",
]}
title="موثوقة من قبل رواد الصناعة"
description="تؤكد شراكاتنا التعاونية مع الشركات الرائدة عبر مختلف القطاعات التزامنا بتقديم قيمة استثنائية وتعزيز العلاقات طويلة الأمد المبنية على الثقة والتميز التقني."
speed={35}
/>
</div>
<div id="clients-ar" data-section="clients-ar">
<SocialProofOne
textboxLayout="default"
useInvertedBackground={false}
names={["حلول جلوبال كورب", "مشاريع إنوفيت", "تحليلات كوانتم", "تقنيات سينابس", "ديناميكيات هورايزن", "مجموعة بيك بيرفورمانس", "ابتكارات أيبكس", "شبكات كاتاليست"]}
title="موثوقة من قبل رواد الصناعة"
description="تؤكد شراكاتنا التعاونية مع الشركات الرائدة عبر مختلف القطاعات التزامنا بتقديم قيمة استثنائية وتعزيز العلاقات طويلة الأمد المبنية على الثقة والتميز التقني."
speed={35}
/>
</div>
<div id="contact-ar" data-section="contact-ar">
<ContactCenter
useInvertedBackground={true}
background={{
variant: "radial-gradient",
}}
tag="تواصل معنا"
title="حوّل رؤيتك إلى حقيقة"
description="هل أنت مستعد لمناقشة مشروعك البرمجي الطموح التالي؟ املأ النموذج أدناه، وسيتواصل فريقنا الخبير معك لتحديد موعد استشارة واستكشاف كيف يمكن لإنكيدو سوفت تسريع نجاحك."
tagIcon={Mail}
tagAnimation="slide-up"
inputPlaceholder="بريدك الإلكتروني للعمل"
buttonText="ابدأ مشروعًا"
termsText="بالضغط على 'ابدأ مشروعًا'، فإنك تؤكد موافقتك على سياسة الخصوصية وشروط الخدمة لدينا."
/>
</div>
<div id="contact-ar" data-section="contact-ar">
<ContactCenter
useInvertedBackground={true}
background={{ variant: "radial-gradient" }}
tag="تواصل معنا"
title="حوّل رؤيتك إلى حقيقة"
description="هل أنت مستعد لمناقشة مشروعك البرمجي الطموح التالي؟ املأ النموذج أدناه، وسيتواصل فريقنا الخبير معك لتحديد موعد استشارة واستكشاف كيف يمكن لإنكيدو سوفت تسريع نجاحك."
tagIcon={Mail}
tagAnimation="slide-up"
inputPlaceholder="بريدك الإلكتروني للعمل"
buttonText="ابدأ مشروعًا"
termsText="بالضغط على 'ابدأ مشروعًا'، فإنك تؤكد موافقتك على سياسة الخصوصية وشروط الخدمة لدينا."
/>
</div>
<div id="footer-ar" data-section="footer-ar">
<FooterLogoEmphasis
logoSrc="http://img.b2bpic.net/free-photo/25th-years-anniversary-celebration-3d-render_460848-10830.jpg"
logoAlt="شعار إنكيدو سوفت"
columns={[
{
items: [
{
label: "الرئيسية",
href: "/ar",
},
{
label: "الرؤية",
href: "/ar#vision",
},
{
label: "الخدمات",
href: "/ar#services",
},
],
},
{
items: [
{
label: "المشاريع",
href: "/ar#portfolio",
},
{
label: "العملاء",
href: "/ar#clients",
},
{
label: "اتصل بنا",
href: "/ar#contact",
},
],
},
{
items: [
{
label: "سياسة الخصوصية",
href: "/ar/privacy",
},
{
label: "شروط الخدمة",
href: "/ar/terms",
},
],
},
]}
logoText="التميز الهندسي، يُقدم بموثوقية."
/>
</div>
<div id="footer-ar" data-section="footer-ar">
<FooterLogoEmphasis
logoSrc="http://img.b2bpic.net/free-photo/25th-years-anniversary-celebration-3d-render_460848-10830.jpg"
logoAlt="شعار إنكيدو سوفت"
columns={[
{ items: [{ label: "الرئيسية", href: "/ar" }, { label: "الرؤية", href: "/ar#vision-ar" }, { label: "الخدمات", href: "/ar#services-ar" }] },
{ items: [{ label: "المشاريع", href: "/ar#portfolio-ar" }, { label: "العملاء", href: "/ar#clients-ar" }, { label: "اتصل بنا", href: "/ar#contact-ar" }] },
{ items: [{ label: "سياسة الخصوصية", href: "/ar/privacy" }, { label: "شروط الخدمة", href: "/ar/terms" }] }
]}
logoText="التميز الهندسي، يُقدم بموثوقية."
/>
</div>
</ReactLenis>
</ThemeProvider>
);

View File

@@ -55,7 +55,11 @@ export default function LandingPage() {
imageAlt="Network connections"
title="Our Story & Mission"
description="We are a company dedicated to innovation and excellence, striving to deliver cutting-edge solutions for our clients."
bulletPoints={["Innovation driven", "Client-focused", "Excellence in execution"]}
bulletPoints={[
{ title: "Innovation driven", description: "Driving innovation across all our solutions." },
{ title: "Client-focused", description: "Prioritizing client needs and delivering tailored results." },
{ title: "Excellence in execution", description: "Committing to high-quality execution in every project." }
]}
/>
</div>
@@ -80,9 +84,11 @@ export default function LandingPage() {
description="A dedicated group of professionals passionate about technology and innovation."
members={[
{
name: "John Doe", role: "CEO", imageSrc: "http://img.b2bpic.net/free-photo/focused-woman-working-with-ai-chatbot-her-desktop-computer_482257-120813.jpg", imageAlt: "John Doe, CEO"},
id: "john-doe", name: "John Doe", role: "CEO", imageSrc: "http://img.b2bpic.net/free-photo/focused-woman-working-with-ai-chatbot-her-desktop-computer_482257-120813.jpg", imageAlt: "John Doe, CEO", description: "Leading our company with vision and expertise."
},
{
name: "Jane Smith", role: "CTO", imageSrc: "http://img.b2bpic.net/free-photo/african-american-software-developer-does-visual-coding-creating-software_482257-127024.jpg", imageAlt: "Jane Smith, CTO"},
id: "jane-smith", name: "Jane Smith", role: "CTO", imageSrc: "http://img.b2bpic.net/free-photo/african-american-software-developer-does-visual-coding-creating-software_482257-127024.jpg", imageAlt: "Jane Smith, CTO", description: "Pioneering our technological advancements."
}
]}
/>
</div>
@@ -95,10 +101,8 @@ export default function LandingPage() {
author="Alice Johnson"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/focused-woman-working-with-ai-chatbot-her-desktop-computer_482257-120813.jpg", alt: "Alice Johnson"},
src: "http://img.b2bpic.net/free-photo/focused-woman-working-with-ai-chatbot-her-desktop-computer_482257-120813.jpg", alt: "Alice Johnson"}
]}
company="Innovate Solutions"
role="CEO"
/>
</div>
@@ -108,13 +112,12 @@ export default function LandingPage() {
onClose={() => {}}
items={[
{
id: "item1", name: "Sample Product", price: 99.99,
quantity: 1,
imageSrc: "http://img.b2bpic.net/free-photo/modern-equipped-computer-lab_23-2149241207.jpg", imageAlt: "Sample Product Image"},
id: "item1", name: "Sample Product", price: "99.99", quantity: 1,
imageSrc: "http://img.b2bpic.net/free-photo/modern-equipped-computer-lab_23-2149241207.jpg", imageAlt: "Sample Product Image"}
]}
total={99.99}
total="99.99"
buttons={[
{ text: "Checkout", onClick: () => console.log("Checkout clicked") },
{ text: "Checkout", onClick: () => console.log("Checkout clicked") }
]}
/>
</div>