380 lines
14 KiB
TypeScript
380 lines
14 KiB
TypeScript
"use client";
|
|
|
|
import Link from "next/link";
|
|
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
|
|
import HeroBillboard from "@/components/sections/hero/HeroBillboard";
|
|
import FeatureCardTwentyThree from "@/components/sections/feature/FeatureCardTwentyThree";
|
|
import ProductCardOne from "@/components/sections/product/ProductCardOne";
|
|
import TestimonialCardTwelve from "@/components/sections/testimonial/TestimonialCardTwelve";
|
|
import TeamCardOne from "@/components/sections/team/TeamCardOne";
|
|
import MetricCardSeven from "@/components/sections/metrics/MetricCardSeven";
|
|
import ContactCenter from "@/components/sections/contact/ContactCenter";
|
|
import FooterMedia from "@/components/sections/footer/FooterMedia";
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import { Sparkles, Star, Image as ImageIcon, Award, Zap, Phone } from "lucide-react";
|
|
|
|
export default function HomePage() {
|
|
const navItems = [
|
|
{ name: "Home", id: "/" },
|
|
{ name: "Services", id: "/services" },
|
|
{ name: "Projects", id: "/projects" },
|
|
{ name: "About", id: "/about" },
|
|
];
|
|
|
|
const navItemsForFooter = [
|
|
{ label: "Home", href: "/" },
|
|
{ label: "Services", href: "/services" },
|
|
{ label: "Projects", href: "/projects" },
|
|
{ label: "About", href: "/about" },
|
|
];
|
|
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-bubble"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="rounded"
|
|
contentWidth="smallMedium"
|
|
sizing="large"
|
|
background="floatingGradient"
|
|
cardStyle="soft-shadow"
|
|
primaryButtonStyle="diagonal-gradient"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="semibold"
|
|
>
|
|
{/* Navbar */}
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
brandName="Startec Construction"
|
|
navItems={navItems.map((item) => ({
|
|
name: item.name,
|
|
id: item.id === "/" ? "/" : item.id,
|
|
}))}
|
|
button={{
|
|
text: "Get Consultation",
|
|
href: "/contact",
|
|
}}
|
|
animateOnLoad={true}
|
|
navItemClassName="text-sm font-medium tracking-wide hover:text-primary-cta transition-colors"
|
|
buttonClassName="bg-primary-cta hover:bg-opacity-90 text-primary-cta-text"
|
|
buttonTextClassName="font-semibold"
|
|
/>
|
|
</div>
|
|
|
|
{/* Hero Section */}
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboard
|
|
title="Build The Home You've Always Imagined"
|
|
description="Premium renovation expertise for Singapore's most discerning homeowners. From concept to completion, we craft exceptional living spaces with meticulous attention to detail and luxury finishes."
|
|
tag="Singapore's Premier Renovation Company"
|
|
tagIcon={Sparkles}
|
|
tagAnimation="slide-up"
|
|
background={{ variant: "plain" }}
|
|
imageSrc="http://img.b2bpic.net/free-photo/people-teamwork-cooperation-career-job-concept_343059-538.jpg"
|
|
imageAlt="Luxury modern home renovation interior"
|
|
mediaAnimation="blur-reveal"
|
|
buttons={[
|
|
{
|
|
text: "Schedule Consultation",
|
|
href: "/contact",
|
|
},
|
|
{
|
|
text: "View Projects",
|
|
href: "/projects",
|
|
},
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
{/* Services Section */}
|
|
<div id="services" data-section="services">
|
|
<FeatureCardTwentyThree
|
|
title="Our Services"
|
|
description="Comprehensive renovation solutions tailored to your home and lifestyle. Each service is delivered with premium craftsmanship and attention to luxury details."
|
|
tag="Specialised Services"
|
|
tagIcon={Star}
|
|
tagAnimation="slide-up"
|
|
features={[
|
|
{
|
|
id: "1",
|
|
title: "HDB Renovation",
|
|
tags: ["Popular", "Trusted"],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/creative-people-talking-office_23-2147668785.jpg?_wi=1",
|
|
imageAlt: "Modern HDB apartment renovation",
|
|
},
|
|
{
|
|
id: "2",
|
|
title: "Condo Renovation",
|
|
tags: ["Luxury", "Premium"],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/modern-lounge-room-interior-office-building_1262-12374.jpg?_wi=1",
|
|
imageAlt: "Luxury condo interior renovation",
|
|
},
|
|
{
|
|
id: "3",
|
|
title: "Kitchen Remodel",
|
|
tags: ["Expert", "Design"],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/couple-enjoying-quality-time-home_23-2149262112.jpg?_wi=1",
|
|
imageAlt: "Premium kitchen renovation design",
|
|
},
|
|
{
|
|
id: "4",
|
|
title: "Bathroom Remodel",
|
|
tags: ["Spa-like", "Elegant"],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/backlit-mirror-minimalist-sink-spa-bathroom_169016-68891.jpg?_wi=1",
|
|
imageAlt: "Luxury bathroom renovation",
|
|
},
|
|
{
|
|
id: "5",
|
|
title: "Carpentry & Built-ins",
|
|
tags: ["Custom", "Crafted"],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/man-starting-own-small-business-home-workshop_1163-3122.jpg?_wi=1",
|
|
imageAlt: "Custom carpentry interior design",
|
|
},
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
{/* Projects Section */}
|
|
<div id="projects" data-section="projects">
|
|
<ProductCardOne
|
|
title="Recent Projects"
|
|
description="Explore our portfolio of completed renovations showcasing meticulous craftsmanship, innovative design, and premium finishing."
|
|
tag="Before & After Gallery"
|
|
tagIcon={ImageIcon}
|
|
tagAnimation="slide-up"
|
|
products={[
|
|
{
|
|
id: "1",
|
|
name: "Modern HDB Transformation",
|
|
price: "Completed 2024",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/creative-people-talking-office_23-2147668785.jpg?_wi=2",
|
|
imageAlt: "Modern HDB renovation project",
|
|
},
|
|
{
|
|
id: "2",
|
|
name: "Luxury Condo Makeover",
|
|
price: "Completed 2024",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/modern-lounge-room-interior-office-building_1262-12374.jpg?_wi=2",
|
|
imageAlt: "Luxury condo renovation project",
|
|
},
|
|
{
|
|
id: "3",
|
|
name: "Premium Kitchen Suite",
|
|
price: "Completed 2023",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/couple-enjoying-quality-time-home_23-2149262112.jpg?_wi=2",
|
|
imageAlt: "Premium kitchen renovation project",
|
|
},
|
|
{
|
|
id: "4",
|
|
name: "Spa-Inspired Bathroom",
|
|
price: "Completed 2023",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/backlit-mirror-minimalist-sink-spa-bathroom_169016-68891.jpg?_wi=2",
|
|
imageAlt: "Luxury bathroom renovation project",
|
|
},
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
gridVariant="two-columns-alternating-heights"
|
|
/>
|
|
</div>
|
|
|
|
{/* Testimonials Section */}
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTwelve
|
|
testimonials={[
|
|
{
|
|
id: "1",
|
|
name: "Rachel Tan",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/stylish-bearded-hipster-male-dressed-suit-sunglasses-dark-grey-background_613910-4689.jpg",
|
|
imageAlt: "Rachel Tan",
|
|
},
|
|
{
|
|
id: "2",
|
|
name: "David Ng",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-businessman-conference-room-thinking-about-future_482257-25787.jpg",
|
|
imageAlt: "David Ng",
|
|
},
|
|
{
|
|
id: "3",
|
|
name: "Emily Wong",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-blonde-businesswoman-formal-dressed-isolated-dark-textured-background_613910-5399.jpg",
|
|
imageAlt: "Emily Wong",
|
|
},
|
|
{
|
|
id: "4",
|
|
name: "Michael Lee",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-black-man-wool-suit_613910-16435.jpg",
|
|
imageAlt: "Michael Lee",
|
|
},
|
|
{
|
|
id: "5",
|
|
name: "Jessica Lim",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg?_wi=1",
|
|
imageAlt: "Jessica Lim",
|
|
},
|
|
]}
|
|
cardTitle="Trusted by Over 500 Satisfied Homeowners Across Singapore"
|
|
cardTag="5-Star Customer Reviews"
|
|
cardTagIcon={Star}
|
|
cardAnimation="blur-reveal"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
{/* Process Section */}
|
|
<div id="process" data-section="process">
|
|
<MetricCardSeven
|
|
title="Our Renovation Process"
|
|
description="A streamlined, transparent approach ensuring your project is completed on time, within budget, and exceeds expectations."
|
|
tag="4-Step Process"
|
|
tagIcon={Zap}
|
|
tagAnimation="slide-up"
|
|
metrics={[
|
|
{
|
|
id: "1",
|
|
value: "01",
|
|
title: "Consultation & Design",
|
|
items: [
|
|
"Understand your vision and requirements",
|
|
"Space planning and 3D visualization",
|
|
"Material selection and budget planning",
|
|
],
|
|
},
|
|
{
|
|
id: "2",
|
|
value: "02",
|
|
title: "Detailed Quotation",
|
|
items: [
|
|
"Transparent itemized pricing",
|
|
"Timeline and project schedule",
|
|
"Materials and specifications approved",
|
|
],
|
|
},
|
|
{
|
|
id: "3",
|
|
value: "03",
|
|
title: "Execution",
|
|
items: [
|
|
"Expert craftsmanship and attention to detail",
|
|
"Regular progress updates and site visits",
|
|
"Quality assurance at every stage",
|
|
],
|
|
},
|
|
{
|
|
id: "4",
|
|
value: "04",
|
|
title: "Handover & Support",
|
|
items: [
|
|
"Final walkthrough and punch-list",
|
|
"Post-renovation care instructions",
|
|
"Ongoing maintenance support",
|
|
],
|
|
},
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
{/* Contact Section */}
|
|
<div id="contact" data-section="contact">
|
|
<ContactCenter
|
|
tag="Get Started"
|
|
title="Schedule Your Free Consultation"
|
|
description="Let's discuss your renovation dreams. Contact us today for a personalized consultation with our design experts."
|
|
tagIcon={Phone}
|
|
tagAnimation="slide-up"
|
|
background={{ variant: "radial-gradient" }}
|
|
useInvertedBackground={false}
|
|
inputPlaceholder="Your email address"
|
|
buttonText="Get Free Consultation"
|
|
termsText="We respect your privacy. We'll only contact you regarding your consultation request."
|
|
/>
|
|
</div>
|
|
|
|
{/* Footer */}
|
|
<div id="footer" data-section="footer">
|
|
<FooterMedia
|
|
imageSrc="http://img.b2bpic.net/free-photo/interior-shot-luxurious-house-dining-room_181624-10412.jpg?_wi=1"
|
|
imageAlt="Luxury home interior renovation inspiration"
|
|
logoText="Startec Construction Pte Ltd"
|
|
copyrightText="© 2024 Startec Construction. All rights reserved. Singapore's Premium Renovation Partner."
|
|
columns={[
|
|
{
|
|
title: "Services",
|
|
items: [
|
|
{
|
|
label: "HDB Renovation",
|
|
href: "/services",
|
|
},
|
|
{
|
|
label: "Condo Renovation",
|
|
href: "/services",
|
|
},
|
|
{
|
|
label: "Kitchen Remodel",
|
|
href: "/services",
|
|
},
|
|
{
|
|
label: "Bathroom Remodel",
|
|
href: "/services",
|
|
},
|
|
{
|
|
label: "Carpentry Services",
|
|
href: "/services",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "Company",
|
|
items: [
|
|
{
|
|
label: "About Us",
|
|
href: "/about",
|
|
},
|
|
{
|
|
label: "Our Projects",
|
|
href: "/projects",
|
|
},
|
|
{
|
|
label: "Contact Us",
|
|
href: "/contact",
|
|
},
|
|
{
|
|
label: "Testimonials",
|
|
href: "/",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "Connect",
|
|
items: [
|
|
{
|
|
label: "WhatsApp",
|
|
href: "https://wa.me/6581234567",
|
|
},
|
|
{
|
|
label: "Email",
|
|
href: "mailto:info@startec.sg",
|
|
},
|
|
{
|
|
label: "Instagram",
|
|
href: "https://instagram.com",
|
|
},
|
|
{
|
|
label: "Facebook",
|
|
href: "https://facebook.com",
|
|
},
|
|
],
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |