Merge version_1 into main #2
235
src/app/page.tsx
235
src/app/page.tsx
@@ -34,39 +34,23 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#home",
|
||||
},
|
||||
name: "Home", id: "#home"},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
name: "Services", id: "#services"},
|
||||
{
|
||||
name: "Projects",
|
||||
id: "#projects",
|
||||
},
|
||||
name: "Projects", id: "#projects"},
|
||||
{
|
||||
name: "Team",
|
||||
id: "#team",
|
||||
},
|
||||
name: "Team", id: "#team"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "#testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="Fitout & Interior"
|
||||
button={{
|
||||
text: "Get a Quote",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Get a Quote", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -76,16 +60,12 @@ export default function LandingPage() {
|
||||
description="Transforming spaces with precision, innovation, and unparalleled craftsmanship. We design and build environments that inspire and perform."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Projects",
|
||||
href: "#projects",
|
||||
},
|
||||
text: "Explore Projects", href: "#projects"},
|
||||
{
|
||||
text: "Get a Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get a Quote", href: "#contact"},
|
||||
]}
|
||||
buttonAnimation="opacity"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/modern-sauna-with-panoramic-windows-wooden-design_169016-70021.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/modern-sauna-with-panoramic-windows-wooden-design_169016-70021.jpg"
|
||||
imageAlt="Luxurious modern interior design with sleek furniture and large windows"
|
||||
showDimOverlay={true}
|
||||
/>
|
||||
@@ -98,9 +78,7 @@ export default function LandingPage() {
|
||||
title="Crafting Exceptional Spaces, Delivering Visionary Results"
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#",
|
||||
},
|
||||
text: "Learn More", href: "#"},
|
||||
]}
|
||||
buttonAnimation="opacity"
|
||||
/>
|
||||
@@ -114,23 +92,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Commercial Fitouts",
|
||||
description: "Custom office, retail, and hospitality fit-outs designed for productivity and brand identity.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-meeting-working-room-office-building_105762-1712.jpg",
|
||||
imageAlt: "Modern open-plan office interior with desks and large windows",
|
||||
},
|
||||
title: "Commercial Fitouts", description: "Custom office, retail, and hospitality fit-outs designed for productivity and brand identity.", imageSrc: "http://img.b2bpic.net/free-photo/business-meeting-working-room-office-building_105762-1712.jpg", imageAlt: "Modern open-plan office interior with desks and large windows"},
|
||||
{
|
||||
title: "Residential Interiors",
|
||||
description: "Creating luxurious and functional living spaces that reflect your personal style and comfort.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-orchids-vase_23-2150960677.jpg",
|
||||
imageAlt: "Luxury residential living room with contemporary furniture",
|
||||
},
|
||||
title: "Residential Interiors", description: "Creating luxurious and functional living spaces that reflect your personal style and comfort.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-orchids-vase_23-2150960677.jpg", imageAlt: "Luxury residential living room with contemporary furniture"},
|
||||
{
|
||||
title: "Retail & Showroom Design",
|
||||
description: "Innovative designs that enhance customer experience and showcase products effectively.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-shopping-mall_23-2150585917.jpg",
|
||||
imageAlt: "Chic retail store interior with clothing displays",
|
||||
},
|
||||
title: "Retail & Showroom Design", description: "Innovative designs that enhance customer experience and showcase products effectively.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-shopping-mall_23-2150585917.jpg", imageAlt: "Chic retail store interior with clothing displays"},
|
||||
]}
|
||||
title="Our Comprehensive Services"
|
||||
description="From concept to completion, we provide end-to-end solutions for all your construction and interior needs."
|
||||
@@ -145,47 +111,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Modern Corporate HQ",
|
||||
price: "Commercial",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-business-center-with-beautiful-textures-unique-design-with-interior-staircases_181624-5365.jpg",
|
||||
imageAlt: "Completed modern office space",
|
||||
},
|
||||
id: "p1", name: "Modern Corporate HQ", price: "Commercial", imageSrc: "http://img.b2bpic.net/free-photo/white-business-center-with-beautiful-textures-unique-design-with-interior-staircases_181624-5365.jpg", imageAlt: "Completed modern office space"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Luxury Apartment Renovation",
|
||||
price: "Residential",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dark-blue-kitchen-fronts-with-copper-handles-stylish-furniture-design-with-wooden-surface_169016-72784.jpg",
|
||||
imageAlt: "Luxury apartment interior finished",
|
||||
},
|
||||
id: "p2", name: "Luxury Apartment Renovation", price: "Residential", imageSrc: "http://img.b2bpic.net/free-photo/dark-blue-kitchen-fronts-with-copper-handles-stylish-furniture-design-with-wooden-surface_169016-72784.jpg", imageAlt: "Luxury apartment interior finished"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Urban Restaurant Fitout",
|
||||
price: "Hospitality",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-arranging-table-restaurant_23-2147936228.jpg",
|
||||
imageAlt: "Chic restaurant interior design",
|
||||
},
|
||||
id: "p3", name: "Urban Restaurant Fitout", price: "Hospitality", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-arranging-table-restaurant_23-2147936228.jpg", imageAlt: "Chic restaurant interior design"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "High-End Retail Boutique",
|
||||
price: "Retail",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-store-with-futuristic-concept-architecture_23-2150861868.jpg",
|
||||
imageAlt: "Boutique retail store interior finished",
|
||||
},
|
||||
id: "p4", name: "High-End Retail Boutique", price: "Retail", imageSrc: "http://img.b2bpic.net/free-photo/abstract-store-with-futuristic-concept-architecture_23-2150861868.jpg", imageAlt: "Boutique retail store interior finished"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Contemporary Villa Project",
|
||||
price: "Residential",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-pool-villa-spectacular-contemporary-design-digital-art-real-estate-home-house-property-ge_1258-150759.jpg",
|
||||
imageAlt: "Modern villa interior design",
|
||||
},
|
||||
id: "p5", name: "Contemporary Villa Project", price: "Residential", imageSrc: "http://img.b2bpic.net/free-photo/luxury-pool-villa-spectacular-contemporary-design-digital-art-real-estate-home-house-property-ge_1258-150759.jpg", imageAlt: "Modern villa interior design"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Boutique Hotel Lobby",
|
||||
price: "Hospitality",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-interior-decor-with-natural-lighting-ambiance-generated-by-ai_188544-28046.jpg",
|
||||
imageAlt: "Luxury hotel lobby interior",
|
||||
},
|
||||
id: "p6", name: "Boutique Hotel Lobby", price: "Hospitality", imageSrc: "http://img.b2bpic.net/free-photo/luxury-interior-decor-with-natural-lighting-ambiance-generated-by-ai_188544-28046.jpg", imageAlt: "Luxury hotel lobby interior"},
|
||||
]}
|
||||
title="Our Featured Projects"
|
||||
description="Showcasing a portfolio of our finest fitout and interior design accomplishments."
|
||||
@@ -200,20 +136,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15+",
|
||||
description: "Years of Expertise",
|
||||
},
|
||||
id: "m1", value: "15+", description: "Years of Expertise"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "250+",
|
||||
description: "Successful Projects",
|
||||
},
|
||||
id: "m2", value: "250+", description: "Successful Projects"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "98%",
|
||||
description: "Client Satisfaction",
|
||||
},
|
||||
id: "m3", value: "98%", description: "Client Satisfaction"},
|
||||
]}
|
||||
title="Driving Success Through Dedication"
|
||||
description="Our commitment to excellence is reflected in every project and client relationship."
|
||||
@@ -227,37 +154,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
groups={[
|
||||
{
|
||||
id: "g1",
|
||||
groupTitle: "Meet Our Visionaries",
|
||||
members: [
|
||||
id: "g1", groupTitle: "Meet Our Visionaries", members: [
|
||||
{
|
||||
id: "tm1",
|
||||
title: "John Doe",
|
||||
subtitle: "Founder & Lead Architect",
|
||||
detail: "With over 20 years of experience, John leads our innovative design and construction solutions.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hand-worker-happy-digitally-generated-presentation_1134-1036.jpg",
|
||||
imageAlt: "Portrait of John Doe",
|
||||
},
|
||||
id: "tm1", title: "John Doe", subtitle: "Founder & Lead Architect", detail: "With over 20 years of experience, John leads our innovative design and construction solutions.", imageSrc: "http://img.b2bpic.net/free-photo/hand-worker-happy-digitally-generated-presentation_1134-1036.jpg", imageAlt: "Portrait of John Doe"},
|
||||
{
|
||||
id: "tm2",
|
||||
title: "Jane Smith",
|
||||
subtitle: "Head of Interior Design",
|
||||
detail: "Jane's creative vision brings unparalleled elegance and functionality to every interior space.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-professional-architecture-holding-clipboard-construction-site_23-2148204025.jpg",
|
||||
imageAlt: "Portrait of Jane Smith",
|
||||
},
|
||||
id: "tm2", title: "Jane Smith", subtitle: "Head of Interior Design", detail: "Jane's creative vision brings unparalleled elegance and functionality to every interior space.", imageSrc: "http://img.b2bpic.net/free-photo/happy-professional-architecture-holding-clipboard-construction-site_23-2148204025.jpg", imageAlt: "Portrait of Jane Smith"},
|
||||
{
|
||||
id: "tm3",
|
||||
title: "Michael Brown",
|
||||
subtitle: "Project Manager",
|
||||
detail: "Michael ensures seamless execution and timely delivery of all our complex fitout projects.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-architects-working-blueprints-plan_482257-8118.jpg",
|
||||
imageAlt: "Portrait of Michael Brown",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-sauna-with-panoramic-windows-wooden-design_169016-70021.jpg?_wi=2",
|
||||
imageAlt: "professional male architect portrait",
|
||||
},
|
||||
id: "tm3", title: "Michael Brown", subtitle: "Project Manager", detail: "Michael ensures seamless execution and timely delivery of all our complex fitout projects.", imageSrc: "http://img.b2bpic.net/free-photo/professional-architects-working-blueprints-plan_482257-8118.jpg", imageAlt: "Portrait of Michael Brown"},
|
||||
]
|
||||
}
|
||||
]}
|
||||
title="Our Expert Team"
|
||||
description="A dedicated group of professionals committed to transforming your ideas into reality."
|
||||
@@ -270,50 +175,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "Outstanding Office Transformation",
|
||||
quote: "Fitout & Interior delivered an office space that exceeded all our expectations. Professional, efficient, and truly visionary.",
|
||||
name: "Sarah Chen",
|
||||
role: "CEO, Innovate Corp",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-home-enjoying-life_23-2149167740.jpg",
|
||||
imageAlt: "Sarah Chen",
|
||||
},
|
||||
id: "t1", title: "Outstanding Office Transformation", quote: "Fitout & Interior delivered an office space that exceeded all our expectations. Professional, efficient, and truly visionary.", name: "Sarah Chen", role: "CEO, Innovate Corp", imageSrc: "http://img.b2bpic.net/free-photo/couple-home-enjoying-life_23-2149167740.jpg", imageAlt: "Sarah Chen"},
|
||||
{
|
||||
id: "t2",
|
||||
title: "Dream Home Brought to Life",
|
||||
quote: "Our home interior renovation was handled with utmost care and creativity. The team understood our style perfectly.",
|
||||
name: "David Lee",
|
||||
role: "Homeowner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-high-fiving-each-other-beer-pong-game_23-2149431325.jpg",
|
||||
imageAlt: "David Lee",
|
||||
},
|
||||
id: "t2", title: "Dream Home Brought to Life", quote: "Our home interior renovation was handled with utmost care and creativity. The team understood our style perfectly.", name: "David Lee", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/friends-high-fiving-each-other-beer-pong-game_23-2149431325.jpg", imageAlt: "David Lee"},
|
||||
{
|
||||
id: "t3",
|
||||
title: "Exceptional Retail Experience",
|
||||
quote: "They transformed our retail store into a modern and inviting space. Our customers love the new ambiance!",
|
||||
name: "Emily White",
|
||||
role: "Owner, Fashion Boutique",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-beautiful-woman-white-shirt-black-trousers-along-with-young-man-discussing-something-daytime-building-job-activity_140725-15290.jpg",
|
||||
imageAlt: "Emily White",
|
||||
},
|
||||
id: "t3", title: "Exceptional Retail Experience", quote: "They transformed our retail store into a modern and inviting space. Our customers love the new ambiance!", name: "Emily White", role: "Owner, Fashion Boutique", imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-beautiful-woman-white-shirt-black-trousers-along-with-young-man-discussing-something-daytime-building-job-activity_140725-15290.jpg", imageAlt: "Emily White"},
|
||||
{
|
||||
id: "t4",
|
||||
title: "Seamless Project Execution",
|
||||
quote: "The team managed our large-scale fitout project flawlessly, from design to final touches. Highly recommended.",
|
||||
name: "Michael Green",
|
||||
role: "COO, Global Solutions",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-leader-professional-office-strategizing-development-success_482257-124563.jpg",
|
||||
imageAlt: "Michael Green",
|
||||
},
|
||||
id: "t4", title: "Seamless Project Execution", quote: "The team managed our large-scale fitout project flawlessly, from design to final touches. Highly recommended.", name: "Michael Green", role: "COO, Global Solutions", imageSrc: "http://img.b2bpic.net/free-photo/business-leader-professional-office-strategizing-development-success_482257-124563.jpg", imageAlt: "Michael Green"},
|
||||
{
|
||||
id: "t5",
|
||||
title: "Beyond Expectations",
|
||||
quote: "We are incredibly happy with our new apartment interior. The attention to detail and quality of work is outstanding.",
|
||||
name: "Jessica & Tom",
|
||||
role: "Homeowners",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-moving-into-new-house_329181-18292.jpg",
|
||||
imageAlt: "Jessica and Tom",
|
||||
},
|
||||
id: "t5", title: "Beyond Expectations", quote: "We are incredibly happy with our new apartment interior. The attention to detail and quality of work is outstanding.", name: "Jessica & Tom", role: "Homeowners", imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-moving-into-new-house_329181-18292.jpg", imageAlt: "Jessica and Tom"},
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Hear from those who have experienced our commitment to quality and design excellence."
|
||||
@@ -326,25 +196,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "faq1",
|
||||
title: "What types of projects do you specialize in?",
|
||||
content: "We specialize in both commercial fitouts (offices, retail, hospitality) and high-end residential interior designs and renovations.",
|
||||
},
|
||||
id: "faq1", title: "What types of projects do you specialize in?", content: "We specialize in both commercial fitouts (offices, retail, hospitality) and high-end residential interior designs and renovations."},
|
||||
{
|
||||
id: "faq2",
|
||||
title: "How does your design process work?",
|
||||
content: "Our process typically involves an initial consultation, concept development, detailed design and planning, material selection, construction/fitout, and final handover.",
|
||||
},
|
||||
id: "faq2", title: "How does your design process work?", content: "Our process typically involves an initial consultation, concept development, detailed design and planning, material selection, construction/fitout, and final handover."},
|
||||
{
|
||||
id: "faq3",
|
||||
title: "Can you work with my existing architectural plans?",
|
||||
content: "Yes, we are highly flexible and can seamlessly integrate our interior design and fitout services with your existing architectural plans and collaborate with your architects.",
|
||||
},
|
||||
id: "faq3", title: "Can you work with my existing architectural plans?", content: "Yes, we are highly flexible and can seamlessly integrate our interior design and fitout services with your existing architectural plans and collaborate with your architects."},
|
||||
{
|
||||
id: "faq4",
|
||||
title: "What is the typical timeline for a project?",
|
||||
content: "Project timelines vary greatly depending on scope, size, and complexity. We provide a detailed timeline after the initial design and planning phase.",
|
||||
},
|
||||
id: "faq4", title: "What is the typical timeline for a project?", content: "Project timelines vary greatly depending on scope, size, and complexity. We provide a detailed timeline after the initial design and planning phase."},
|
||||
]}
|
||||
sideTitle="Frequently Asked Questions"
|
||||
sideDescription="Find answers to common questions about our services, process, and project management."
|
||||
@@ -357,8 +215,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "downward-rays-static",
|
||||
}}
|
||||
variant: "downward-rays-static"}}
|
||||
tag="Get in Touch"
|
||||
title="Start Your Project Today"
|
||||
description="Ready to transform your space? Contact us for a consultation or to request a detailed quote. We look forward to hearing from you."
|
||||
@@ -379,19 +236,13 @@ export default function LandingPage() {
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Facebook,
|
||||
href: "#",
|
||||
ariaLabel: "Facebook",
|
||||
},
|
||||
href: "#", ariaLabel: "Facebook"},
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "#",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
href: "#", ariaLabel: "Instagram"},
|
||||
{
|
||||
icon: Linkedin,
|
||||
href: "#",
|
||||
ariaLabel: "LinkedIn",
|
||||
},
|
||||
href: "#", ariaLabel: "LinkedIn"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user