Merge version_1 into main #2
178
src/app/page.tsx
178
src/app/page.tsx
@@ -23,8 +23,7 @@ export default function HomePage() {
|
||||
|
||||
const footerColumns = [
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{ label: "Architecture Design", href: "/services" },
|
||||
{ label: "House Construction", href: "/services" },
|
||||
{ label: "Cluster Development", href: "/services" },
|
||||
@@ -32,8 +31,7 @@ export default function HomePage() {
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "/about" },
|
||||
{ label: "Our Projects", href: "/projects" },
|
||||
{ label: "Team", href: "/about" },
|
||||
@@ -41,8 +39,7 @@ export default function HomePage() {
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
title: "Contact", items: [
|
||||
{ label: "Call Now", href: "tel:+62XXX" },
|
||||
{ label: "Email Us", href: "mailto:info@luxars.com" },
|
||||
{ label: "WhatsApp", href: "https://wa.me/62XXX" },
|
||||
@@ -58,7 +55,7 @@ export default function HomePage() {
|
||||
borderRadius="rounded"
|
||||
contentWidth="mediumSmall"
|
||||
sizing="largeSmall"
|
||||
background="grid"
|
||||
background="circleGradient"
|
||||
cardStyle="subtle-shadow"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
@@ -83,7 +80,7 @@ export default function HomePage() {
|
||||
title="Trusted Architecture & Construction Services"
|
||||
description="We design and build modern homes tailored to your lifestyle. From concept to completion, LUXARS transforms your vision into reality with professional expertise and transparent communication."
|
||||
tag="Premium Architecture & Construction"
|
||||
background={{ variant: "grid" }}
|
||||
background={{ variant: "canvas-reveal" }}
|
||||
buttons={[
|
||||
{ text: "Get Free Consultation", href: "/contact" },
|
||||
{ text: "View Our Projects", href: "/projects" }
|
||||
@@ -103,27 +100,19 @@ export default function HomePage() {
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "Architecture Design",
|
||||
description: "Custom house design, 3D visualization, and comprehensive architectural planning tailored to your needs and budget",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/designer-table_1098-16482.jpg?_wi=1"
|
||||
title: "Architecture Design", description: "Custom house design, 3D visualization, and comprehensive architectural planning tailored to your needs and budget", imageSrc: "http://img.b2bpic.net/free-photo/designer-table_1098-16482.jpg"
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
title: "House Construction",
|
||||
description: "Full-scale house construction with professional project management, material coordination, and quality assurance",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-with-helmet-back-view_23-2148269233.jpg?_wi=1"
|
||||
title: "House Construction", description: "Full-scale house construction with professional project management, material coordination, and quality assurance", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-with-helmet-back-view_23-2148269233.jpg"
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
title: "Cluster Development",
|
||||
description: "Residential cluster planning, housing layout design, and complete construction execution for housing communities",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rooftops-old-town-lviv-ukraine-day-magical-atmosphere-european-city-landmark-city-hall-main-square-aerial-view_231208-57.jpg?_wi=1"
|
||||
title: "Cluster Development", description: "Residential cluster planning, housing layout design, and complete construction execution for housing communities", imageSrc: "http://img.b2bpic.net/free-photo/rooftops-old-town-lviv-ukraine-day-magical-atmosphere-european-city-landmark-city-hall-main-square-aerial-view_231208-57.jpg"
|
||||
},
|
||||
{
|
||||
id: 4,
|
||||
title: "Renovation & Remodeling",
|
||||
description: "Home renovation, interior remodeling, and structural upgrades to modernize and enhance existing properties",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-kitchen-cabinet-fronts-with-handles-warm-highlights-dark-kitchen_169016-71154.jpg?_wi=1"
|
||||
title: "Renovation & Remodeling", description: "Home renovation, interior remodeling, and structural upgrades to modernize and enhance existing properties", imageSrc: "http://img.b2bpic.net/free-photo/black-kitchen-cabinet-fronts-with-handles-warm-highlights-dark-kitchen_169016-71154.jpg"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
@@ -136,52 +125,22 @@ export default function HomePage() {
|
||||
tag="Project Portfolio"
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Modern Two-Story Family Home",
|
||||
price: "Completed 2024",
|
||||
variant: "Residential House - Modern Design",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rural-house-with-stone-pathway_1127-311.jpg?_wi=1",
|
||||
imageAlt: "modern family home exterior design 2024"
|
||||
id: "1", name: "Modern Two-Story Family Home", price: "Completed 2024", variant: "Residential House - Modern Design", imageSrc: "http://img.b2bpic.net/free-photo/rural-house-with-stone-pathway_1127-311.jpg", imageAlt: "modern family home exterior design 2024"
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Luxury Cluster Housing Development",
|
||||
price: "Completed 2024",
|
||||
variant: "Residential Cluster - 12 Units",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-high-residential-building-with-multiple-apartments_181624-19579.jpg?_wi=1",
|
||||
imageAlt: "luxury residential cluster housing community"
|
||||
id: "2", name: "Luxury Cluster Housing Development", price: "Completed 2024", variant: "Residential Cluster - 12 Units", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-high-residential-building-with-multiple-apartments_181624-19579.jpg", imageAlt: "luxury residential cluster housing community"
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Contemporary Home Renovation",
|
||||
price: "Completed 2023",
|
||||
variant: "Renovation Project - Before & After",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-people-enjoying-meal-together_23-2147668874.jpg?_wi=1",
|
||||
imageAlt: "home renovation before after modern design"
|
||||
id: "3", name: "Contemporary Home Renovation", price: "Completed 2023", variant: "Renovation Project - Before & After", imageSrc: "http://img.b2bpic.net/free-photo/happy-people-enjoying-meal-together_23-2147668874.jpg", imageAlt: "home renovation before after modern design"
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Minimalist Residential Design",
|
||||
price: "Completed 2024",
|
||||
variant: "Contemporary Architecture",
|
||||
imageSrc: "http://img.b2bpic.net/free-psd/modern-bathroom-vessel-sink-with-chrome-faucet-sleek-stylish-design_191095-83685.jpg?_wi=1",
|
||||
imageAlt: "minimalist home design architecture exterior"
|
||||
id: "4", name: "Minimalist Residential Design", price: "Completed 2024", variant: "Contemporary Architecture", imageSrc: "http://img.b2bpic.net/free-psd/modern-bathroom-vessel-sink-with-chrome-faucet-sleek-stylish-design_191095-83685.jpg", imageAlt: "minimalist home design architecture exterior"
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Premium Construction Project",
|
||||
price: "In Progress",
|
||||
variant: "High-End Residential",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-architecture-exterior-design_23-2151920963.jpg?_wi=1",
|
||||
imageAlt: "premium luxury home construction site progress"
|
||||
id: "5", name: "Premium Construction Project", price: "In Progress", variant: "High-End Residential", imageSrc: "http://img.b2bpic.net/free-photo/luxury-architecture-exterior-design_23-2151920963.jpg", imageAlt: "premium luxury home construction site progress"
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Family Estate Development",
|
||||
price: "Completed 2023",
|
||||
variant: "Large-Scale Residential",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bird-view-shanghai-china_1127-3037.jpg?_wi=1",
|
||||
imageAlt: "large family estate residential development"
|
||||
id: "6", name: "Family Estate Development", price: "Completed 2023", variant: "Large-Scale Residential", imageSrc: "http://img.b2bpic.net/free-photo/bird-view-shanghai-china_1127-3037.jpg", imageAlt: "large family estate residential development"
|
||||
}
|
||||
]}
|
||||
gridVariant="bento-grid"
|
||||
@@ -198,33 +157,18 @@ export default function HomePage() {
|
||||
tag="Our Strengths"
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "50+",
|
||||
title: "Projects Completed",
|
||||
items: [
|
||||
"Residential houses and clusters",
|
||||
"100% client satisfaction rate",
|
||||
"On-time delivery"
|
||||
id: "1", value: "50+", title: "Projects Completed", items: [
|
||||
"Residential houses and clusters", "100% client satisfaction rate", "On-time delivery"
|
||||
]
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "15+",
|
||||
title: "Years Experience",
|
||||
items: [
|
||||
"Expert team of architects and engineers",
|
||||
"Local market knowledge",
|
||||
"Trusted by homeowners and investors"
|
||||
id: "2", value: "15+", title: "Years Experience", items: [
|
||||
"Expert team of architects and engineers", "Local market knowledge", "Trusted by homeowners and investors"
|
||||
]
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "100%",
|
||||
title: "Quality Guarantee",
|
||||
items: [
|
||||
"Professional project management",
|
||||
"Transparent communication",
|
||||
"Premium materials and craftsmanship"
|
||||
id: "3", value: "100%", title: "Quality Guarantee", items: [
|
||||
"Professional project management", "Transparent communication", "Premium materials and craftsmanship"
|
||||
]
|
||||
}
|
||||
]}
|
||||
@@ -244,39 +188,27 @@ export default function HomePage() {
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "Consultation",
|
||||
description: "Initial meeting to understand your vision, requirements, budget, and timeline",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/team-diverse-coworkers-modern-office-discuss-their-project-together_93675-133516.jpg?_wi=1"
|
||||
title: "Consultation", description: "Initial meeting to understand your vision, requirements, budget, and timeline", imageSrc: "http://img.b2bpic.net/free-photo/team-diverse-coworkers-modern-office-discuss-their-project-together_93675-133516.jpg"
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
title: "Site Survey",
|
||||
description: "Thorough site assessment and analysis to determine feasibility and optimal design approach",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/motivating-writing-near-map-tourist-supplies_23-2147776874.jpg"
|
||||
title: "Site Survey", description: "Thorough site assessment and analysis to determine feasibility and optimal design approach", imageSrc: "http://img.b2bpic.net/free-photo/motivating-writing-near-map-tourist-supplies_23-2147776874.jpg"
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
title: "Design Planning",
|
||||
description: "Comprehensive design development including 3D visualization and architectural drawings",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/investigating-aviation-accident_1098-16035.jpg"
|
||||
title: "Design Planning", description: "Comprehensive design development including 3D visualization and architectural drawings", imageSrc: "http://img.b2bpic.net/free-photo/investigating-aviation-accident_1098-16035.jpg"
|
||||
},
|
||||
{
|
||||
id: 4,
|
||||
title: "Budget Planning",
|
||||
description: "Detailed cost estimation and transparent budget breakdown for approval",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/women-hands-holding-tablet-clipboard_23-2148352819.jpg"
|
||||
title: "Budget Planning", description: "Detailed cost estimation and transparent budget breakdown for approval", imageSrc: "http://img.b2bpic.net/free-photo/women-hands-holding-tablet-clipboard_23-2148352819.jpg"
|
||||
},
|
||||
{
|
||||
id: 5,
|
||||
title: "Construction",
|
||||
description: "Professional construction execution with regular progress updates and quality monitoring",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/civil-engineer-construction-worker-manager-holding-digital-tablet-blueprints-talking-planing-about-construction-site-cooperation-teamwork-concept_640221-156.jpg"
|
||||
title: "Construction", description: "Professional construction execution with regular progress updates and quality monitoring", imageSrc: "http://img.b2bpic.net/free-photo/civil-engineer-construction-worker-manager-holding-digital-tablet-blueprints-talking-planing-about-construction-site-cooperation-teamwork-concept_640221-156.jpg"
|
||||
},
|
||||
{
|
||||
id: 6,
|
||||
title: "Project Handover",
|
||||
description: "Final inspection, documentation, and handover of completed project with full support",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-modern-house-kitchen_181624-4007.jpg"
|
||||
title: "Project Handover", description: "Final inspection, documentation, and handover of completed project with full support", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-modern-house-kitchen_181624-4007.jpg"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
@@ -289,40 +221,20 @@ export default function HomePage() {
|
||||
tag="Success Stories"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Budi Santoso",
|
||||
role: "Homeowner",
|
||||
company: "Jakarta",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1641.jpg?_wi=1",
|
||||
imageAlt: "professional portrait man business headshot"
|
||||
id: "1", name: "Budi Santoso", role: "Homeowner", company: "Jakarta", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1641.jpg", imageAlt: "professional portrait man business headshot"
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Siti Nurhaliza",
|
||||
role: "Property Investor",
|
||||
company: "Surabaya",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/joyful-business-woman-with-coffee-cup_23-2148095746.jpg?_wi=1",
|
||||
imageAlt: "professional woman business portrait headshot"
|
||||
id: "2", name: "Siti Nurhaliza", role: "Property Investor", company: "Surabaya", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/joyful-business-woman-with-coffee-cup_23-2148095746.jpg", imageAlt: "professional woman business portrait headshot"
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Ahmad Wijaya",
|
||||
role: "Business Owner",
|
||||
company: "Bandung",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-portrait-posing-loft-modern-space_158595-5367.jpg?_wi=1",
|
||||
imageAlt: "professional man portrait confident business"
|
||||
id: "3", name: "Ahmad Wijaya", role: "Business Owner", company: "Bandung", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-portrait-posing-loft-modern-space_158595-5367.jpg", imageAlt: "professional man portrait confident business"
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Dewi Ratna",
|
||||
role: "Homeowner",
|
||||
company: "Depok",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/expressive-woman-posing-outdoor_344912-2953.jpg?_wi=1",
|
||||
imageAlt: "professional woman business portrait office"
|
||||
id: "4", name: "Dewi Ratna", role: "Homeowner", company: "Depok", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/expressive-woman-posing-outdoor_344912-2953.jpg", imageAlt: "professional woman business portrait office"
|
||||
}
|
||||
]}
|
||||
kpiItems={[
|
||||
@@ -342,28 +254,16 @@ export default function HomePage() {
|
||||
tag="Leadership"
|
||||
members={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Arif Rahman",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1576.jpg?_wi=1",
|
||||
imageAlt: "professional architect man portrait headshot"
|
||||
id: "1", name: "Arif Rahman", imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1576.jpg", imageAlt: "professional architect man portrait headshot"
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Hendra Sutrisno",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-business-man-engineer-hard-hat-building_1303-21147.jpg?_wi=1",
|
||||
imageAlt: "professional engineer portrait business headshot"
|
||||
id: "2", name: "Hendra Sutrisno", imageSrc: "http://img.b2bpic.net/free-photo/handsome-business-man-engineer-hard-hat-building_1303-21147.jpg", imageAlt: "professional engineer portrait business headshot"
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Iwan Setiawan",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friendly-handsome-business-leader-cafe_1262-3537.jpg?_wi=1",
|
||||
imageAlt: "professional project manager man portrait"
|
||||
id: "3", name: "Iwan Setiawan", imageSrc: "http://img.b2bpic.net/free-photo/friendly-handsome-business-leader-cafe_1262-3537.jpg", imageAlt: "professional project manager man portrait"
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Dina Wijaya",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-business-executive-standing-with-arms-crossed_107420-63906.jpg?_wi=1",
|
||||
imageAlt: "professional designer woman portrait office"
|
||||
id: "4", name: "Dina Wijaya", imageSrc: "http://img.b2bpic.net/free-photo/portrait-business-executive-standing-with-arms-crossed_107420-63906.jpg", imageAlt: "professional designer woman portrait office"
|
||||
}
|
||||
]}
|
||||
memberVariant="card"
|
||||
|
||||
Reference in New Issue
Block a user