Update src/app/page.tsx
This commit is contained in:
185
src/app/page.tsx
185
src/app/page.tsx
@@ -32,14 +32,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Designs", id: "products"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
{ name: "الرئيسية", id: "hero" },
|
||||
{ name: "المميزات", id: "features" },
|
||||
{ name: "التصاميم", id: "products" },
|
||||
{ name: "اتصل بنا", id: "contact" },
|
||||
]}
|
||||
brandName="ArchitectAI"
|
||||
/>
|
||||
@@ -47,40 +43,26 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Build Your Dream Sanctuary With AI"
|
||||
description="Transform your ideas into 3D architectural masterpieces in seconds. Simply describe your vision and watch our AI bring your villa or chalet to life."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Designing", href: "#"},
|
||||
]}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="ابنِ مسكن أحلامك باستخدام الذكاء الاصطناعي"
|
||||
description="حوّل أفكارك إلى تحف معمارية ثلاثية الأبعاد في ثوانٍ. فقط صف رؤيتك وشاهد الذكاء الاصطناعي الخاص بنا وهو يبث الحياة في فيلتك أو شاليهك."
|
||||
buttons={[{ text: "ابدأ التصميم", href: "#" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/luxurious-villa-mountain-landscape-tranquil-poolside-relaxation-generated-by-ai_188544-30912.jpg"
|
||||
imageAlt="3D render of a luxury villa"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg", alt: "Executive woman"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman-looking-camera_74855-4120.jpg", alt: "Business woman"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/handsome-businesman-summer-city_1157-18994.jpg", alt: "Businessman"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/senior-woman-with-plans-helmet_1149-1127.jpg", alt: "Senior woman"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/bearded-young-man-casual-shirt-standing-with-laptop-hands_93675-134479.jpg", alt: "Young man"},
|
||||
{ src: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg", alt: "Executive woman" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman-looking-camera_74855-4120.jpg", alt: "Business woman" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/handsome-businesman-summer-city_1157-18994.jpg", alt: "Businessman" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/senior-woman-with-plans-helmet_1149-1127.jpg", alt: "Senior woman" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/bearded-young-man-casual-shirt-standing-with-laptop-hands_93675-134479.jpg", alt: "Young man" },
|
||||
]}
|
||||
avatarText="Join 15,000+ happy designers"
|
||||
avatarText="انضم إلى أكثر من 15,000 مصمم سعيد"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text", text: "Instant 3D Rendering"},
|
||||
{
|
||||
type: "text", text: "Architectural Precision"},
|
||||
{
|
||||
type: "text", text: "Budget Optimization"},
|
||||
{
|
||||
type: "text", text: "Material Analysis"},
|
||||
{
|
||||
type: "text", text: "Sustainable Design"},
|
||||
{ type: "text", text: "تصميم ثلاثي الأبعاد لحظي" },
|
||||
{ type: "text", text: "دقة معمارية فائقة" },
|
||||
{ type: "text", text: "تحسين الميزانية" },
|
||||
{ type: "text", text: "تحليل المواد" },
|
||||
{ type: "text", text: "تصميم مستدام" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -91,26 +73,20 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Text-to-Architecture", description: "Describe any space in natural language and get instant 3D plans.", bentoComponent: "reveal-icon", icon: Sparkles,
|
||||
},
|
||||
{
|
||||
title: "Real-time 3D View", description: "Experience your design with 360-degree walk-through capabilities.", bentoComponent: "reveal-icon", icon: Eye,
|
||||
},
|
||||
{
|
||||
title: "Cost Calculator", description: "Estimate your construction budget based on materials and dimensions.", bentoComponent: "reveal-icon", icon: DollarSign,
|
||||
},
|
||||
{ title: "تحويل النص إلى تصميم معماري", description: "صف أي مساحة باللغة الطبيعية واحصل على مخططات ثلاثية الأبعاد فورية.", bentoComponent: "reveal-icon", icon: Sparkles },
|
||||
{ title: "معاينة ثلاثية الأبعاد", description: "عِش تجربة تصميمك مع إمكانية التجوّل بزاوية 360 درجة.", bentoComponent: "reveal-icon", icon: Eye },
|
||||
{ title: "حاسبة التكاليف", description: "قدّر ميزانية البناء بناءً على المواد والأبعاد.", bentoComponent: "reveal-icon", icon: DollarSign },
|
||||
]}
|
||||
title="Intelligent Design Features"
|
||||
description="Powerful AI tools designed for creators, property owners, and architects to build faster than ever."
|
||||
title="مميزات التصميم الذكي"
|
||||
description="أدوات ذكاء اصطناعي قوية مصممة للمبدعين وأصحاب العقارات والمهندسين المعماريين للبناء بشكل أسرع من أي وقت مضى."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Designing the Future of Real Estate"
|
||||
description="ArchitectAI combines deep architectural intelligence with user-friendly interfaces to make professional design accessible to everyone, regardless of engineering experience."
|
||||
title="تصميم مستقبل العقارات"
|
||||
description="يجمع ArchitectAI بين الذكاء المعماري العميق وواجهات الاستخدام السهلة لجعل التصميم الاحترافي متاحاً للجميع، بغض النظر عن خبرتهم الهندسية."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/digital-tablet-online-learning_53876-97299.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -122,21 +98,13 @@ export default function LandingPage() {
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1", name: "Modern Villa", price: "AI-Custom", variant: "Modern", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-house-model_23-2150799685.jpg"},
|
||||
{
|
||||
id: "2", name: "Desert Oasis Chalet", price: "AI-Custom", variant: "Minimalist", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-house-desert_23-2150921017.jpg"},
|
||||
{
|
||||
id: "3", name: "Luxury Beach Hut", price: "AI-Custom", variant: "Luxury", imageSrc: "http://img.b2bpic.net/free-photo/chairs-white-garden-resort-chair_1203-4439.jpg"},
|
||||
{
|
||||
id: "4", name: "Mountain Retreat", price: "AI-Custom", variant: "Rustic", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-lodge-house-with-deer-antlers-hanging-window-snow-back_181624-61513.jpg"},
|
||||
{
|
||||
id: "5", name: "Urban Courtyard House", price: "AI-Custom", variant: "Compact", imageSrc: "http://img.b2bpic.net/free-photo/blending-futuristic-building-seamlessly-into-desert-landscape_23-2151248332.jpg"},
|
||||
{
|
||||
id: "6", name: "Glass Infinity Estate", price: "AI-Custom", variant: "Avant-garde", imageSrc: "http://img.b2bpic.net/free-photo/blending-futuristic-building-seamlessly-into-desert-landscape_23-2151248338.jpg"},
|
||||
{ id: "1", name: "فيلا عصرية", price: "مخصص", variant: "عصري", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-house-model_23-2150799685.jpg" },
|
||||
{ id: "2", name: "شاليه واحة الصحراء", price: "مخصص", variant: "بسيط", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-house-desert_23-2150921017.jpg" },
|
||||
{ id: "3", name: "كوخ شاطئي فاخر", price: "مخصص", variant: "فاخر", imageSrc: "http://img.b2bpic.net/free-photo/chairs-white-garden-resort-chair_1203-4439.jpg" },
|
||||
{ id: "4", name: "ملاذ جبلي", price: "مخصص", variant: "ريفي", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-lodge-house-with-deer-antlers-hanging-window-snow-back_181624-61513.jpg" },
|
||||
]}
|
||||
title="Explore Our Design Templates"
|
||||
description="Browse our curated collection of modern villas and serene chalets ready for customization."
|
||||
title="استكشف قوالب التصميم الخاصة بنا"
|
||||
description="تصفح مجموعتنا المختارة من الفلل العصرية والشاليهات الهادئة الجاهزة للتخصيص."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -147,18 +115,12 @@ export default function LandingPage() {
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1", value: "15K+", title: "Designs Created", description: "Successful projects", icon: Building,
|
||||
},
|
||||
{
|
||||
id: "m2", value: "95%", title: "User Satisfaction", description: "Highly rated", icon: ThumbsUp,
|
||||
},
|
||||
{
|
||||
id: "m3", value: "20x", title: "Faster Workflow", description: "Compared to CAD", icon: Zap,
|
||||
},
|
||||
{ id: "m1", value: "15K+", title: "تصميم تم إنجازه", description: "مشروع ناجح", icon: Building },
|
||||
{ id: "m2", value: "95%", title: "رضا المستخدمين", description: "تقييمات عالية", icon: ThumbsUp },
|
||||
{ id: "m3", value: "20x", title: "سرعة سير العمل", description: "مقارنة بـ CAD", icon: Zap },
|
||||
]}
|
||||
title="Design Performance Metrics"
|
||||
description="See the impact of our AI-driven design engine."
|
||||
title="مقاييس أداء التصميم"
|
||||
description="شاهد تأثير محرك التصميم الخاص بنا المدعوم بالذكاء الاصطناعي."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -169,24 +131,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1", name: "Sarah Ahmed", role: "Property Investor", company: "Global Homes", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-middle-aged-businesswoman_23-2148204386.jpg"},
|
||||
{
|
||||
id: "t2", name: "Khalid Al-Mulla", role: "Villa Owner", company: "Self-Built", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-handsome-man-spectacles_1303-14468.jpg"},
|
||||
{
|
||||
id: "t3", name: "Laila Noor", role: "Architecture Student", company: "Design Academy", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smile-woman-talking-phone-looking-camera_23-2148317284.jpg"},
|
||||
{
|
||||
id: "t4", name: "Omar Saeed", role: "Developer", company: "Saeed Realty", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-business-man-posing-with-crossed-arms_23-2149206526.jpg"},
|
||||
{
|
||||
id: "t5", name: "Mariam Ali", role: "Interior Designer", company: "Studio M", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-working-business-with-computer_482257-20185.jpg"},
|
||||
{ id: "t1", name: "سارة أحمد", role: "مستثمرة عقارية", company: "العالمية للعقارات", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-middle-aged-businesswoman_23-2148204386.jpg" },
|
||||
{ id: "t2", name: "خالد الملا", role: "مالك فيلا", company: "ذاتي", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-handsome-man-spectacles_1303-14468.jpg" },
|
||||
{ id: "t3", name: "ليلى نور", role: "طالبة هندسة معمارية", company: "أكاديمية التصميم", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smile-woman-talking-phone-looking-camera_23-2148317284.jpg" },
|
||||
]}
|
||||
title="Loved by Homeowners"
|
||||
description="Join thousands who successfully built their dream spaces."
|
||||
title="أحبها أصحاب المنازل"
|
||||
description="انضم إلى الآلاف الذين نجحوا في بناء مساحات أحلامهم."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -195,15 +145,12 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1", title: "Is the design truly realistic?", content: "Yes, our engine uses advanced ray tracing for accurate lighting and dimensions."},
|
||||
{
|
||||
id: "q2", title: "Can I export my designs?", content: "Absolutely, all designs can be exported as printable architectural blueprints."},
|
||||
{
|
||||
id: "q3", title: "Do I need engineering skills?", content: "Not at all, the platform is designed to be used by everyone."},
|
||||
{ id: "q1", title: "هل التصميم واقعي حقاً؟", content: "نعم، يستخدم محركنا تتبع الأشعة المتقدم للإضاءة والأبعاد الدقيقة." },
|
||||
{ id: "q2", title: "هل يمكنني تصدير تصميماتي؟", content: "بالتأكيد، يمكن تصدير جميع التصميمات كمخططات معمارية جاهزة للطباعة." },
|
||||
{ id: "q3", title: "هل أحتاج لمهارات هندسية؟", content: "على الإطلاق، المنصة مصممة ليستخدمها الجميع." },
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about ArchitectAI."
|
||||
title="أسئلة شائعة"
|
||||
description="كل ما تحتاج لمعرفته عن ArchitectAI."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -211,48 +158,28 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Start Your Design Journey"
|
||||
description="Have questions? Our support team is ready to help you."
|
||||
title="ابدأ رحلة التصميم الخاصة بك"
|
||||
description="لديك أسئلة؟ فريق الدعم لدينا مستعد لمساعدتك."
|
||||
inputs={[
|
||||
{
|
||||
name: "name", type: "text", placeholder: "Full Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email", type: "email", placeholder: "Email Address", required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "الاسم الكامل", required: true },
|
||||
{ name: "email", type: "email", placeholder: "عنوان البريد الإلكتروني", required: true },
|
||||
]}
|
||||
textarea={{
|
||||
name: "message", placeholder: "Tell us about your project vision...", rows: 4,
|
||||
}}
|
||||
textarea={{ name: "message", placeholder: "أخبرنا عن رؤيتك للمشروع...", rows: 4 }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/blue-neon-lines-like-digital-waves-neon-geometry_169016-71495.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<div id="footer" data-section="footer" style={{ direction: 'rtl' }}>
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/hallway-building_23-2149397562.jpg"
|
||||
logoText="ArchitectAI"
|
||||
columns={[
|
||||
{
|
||||
title: "Product", items: [
|
||||
{
|
||||
label: "Designs", href: "#"},
|
||||
{
|
||||
label: "Features", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "FAQ", href: "#"},
|
||||
{
|
||||
label: "Contact", href: "#"},
|
||||
],
|
||||
},
|
||||
{ title: "المنتج", items: [{ label: "التصاميم", href: "#" }, { label: "المميزات", href: "#" }] },
|
||||
{ title: "الدعم", items: [{ label: "الأسئلة الشائعة", href: "#" }, { label: "اتصل بنا", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user