diff --git a/src/app/page.tsx b/src/app/page.tsx index a1ff3fe..c76642a 100644 --- a/src/app/page.tsx +++ b/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"