323 lines
18 KiB
TypeScript
323 lines
18 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import BlogCardThree from '@/components/sections/blog/BlogCardThree';
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
|
|
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
|
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
|
|
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
|
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
|
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
|
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
|
import { Building, Eye, Tv, ZoomIn, MousePointerClick, Bed, ShowerHead } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="bounce-effect"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="rounded"
|
|
contentWidth="smallMedium"
|
|
sizing="medium"
|
|
background="circleGradient"
|
|
cardStyle="gradient-bordered"
|
|
primaryButtonStyle="flat"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="light"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "#hero"},
|
|
{
|
|
name: "About Us", id: "#about"},
|
|
{
|
|
name: "Ongoing Projects", id: "#ongoing-projects"},
|
|
{
|
|
name: "Completed Projects", id: "#completed-projects"},
|
|
{
|
|
name: "3D Tours", id: "#virtual-tours"},
|
|
{
|
|
name: "Contact", id: "#contact"},
|
|
]}
|
|
brandName="Ancin Insaat"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardRotatedCarousel
|
|
background={{
|
|
variant: "rotated-rays-static"}}
|
|
title="Ancin Insaat: Crafting Luxury, Building Dreams."
|
|
description="Experience unparalleled elegance and precision in every luxury residence and commercial development we deliver. Your vision, our masterpiece."
|
|
buttons={[
|
|
{
|
|
text: "Explore Our Portfolio", href: "#ongoing-projects"},
|
|
{
|
|
text: "Start Your Project", href: "#contact"},
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
carouselItems={[
|
|
{
|
|
id: "1", imageSrc: "http://img.b2bpic.net/free-photo/modern-architecture-urban-center_1359-870.jpg", imageAlt: "Luxury villa exterior with modern architecture at sunset"},
|
|
{
|
|
id: "2", imageSrc: "http://img.b2bpic.net/free-photo/living-room-with-modern-beautiful-decoration_181624-44716.jpg", imageAlt: "Modern luxury apartment living room with elegant decor"},
|
|
{
|
|
id: "3", imageSrc: "http://img.b2bpic.net/free-photo/close-up-modern-office-buildings_1359-388.jpg", imageAlt: "Grand entrance of a luxury commercial building"},
|
|
{
|
|
id: "4", imageSrc: "http://img.b2bpic.net/free-photo/man-woman-sitting-windowsill-with-lovely-dog_651396-2380.jpg", imageAlt: "Sleek and minimalist luxury kitchen interior"},
|
|
{
|
|
id: "5", imageSrc: "http://img.b2bpic.net/free-photo/modern-kitchen-interior-design_23-2151821317.jpg", imageAlt: "Modern luxury bathroom with marble finishes"},
|
|
{
|
|
id: "6", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-garden_329181-11546.jpg", imageAlt: "Luxury apartment balcony with panoramic city view"},
|
|
]}
|
|
autoPlay={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TestimonialAboutCard
|
|
useInvertedBackground={false}
|
|
tag="Our Story"
|
|
title="Legacy of Excellence in Luxury Construction"
|
|
description="Ancin Insaat stands as a beacon of architectural innovation and superior craftsmanship. With decades of expertise, we transform visionary designs into tangible realities, setting new benchmarks for luxury living and commercial spaces."
|
|
subdescription="Our commitment to quality, meticulous attention to detail, and a client-centric approach ensure every project is a testament to our unwavering pursuit of perfection. We build not just structures, but enduring legacies."
|
|
icon={Building}
|
|
imageSrc="http://img.b2bpic.net/free-photo/low-angle-shot-curve-shape-wall-with-modern-design_181624-23581.jpg"
|
|
imageAlt="Architectural blueprints and modern construction concepts"
|
|
mediaAnimation="opacity"
|
|
/>
|
|
</div>
|
|
|
|
<div id="ongoing-projects" data-section="ongoing-projects">
|
|
<ProductCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{
|
|
id: "ongoing-1", name: "The Grand Residences", price: "POA", imageSrc: "http://img.b2bpic.net/free-photo/silhouette-young-business-woman-beige-suit-walking-city-center-posing-near-office-buildings_1258-194035.jpg", imageAlt: "Luxury condominium facade"},
|
|
{
|
|
id: "ongoing-2", name: "Nexus Commercial Hub", price: "POA", imageSrc: "http://img.b2bpic.net/free-photo/glass-skyscraper-against-blue-sky-view-from-bottom_93675-134753.jpg", imageAlt: "Upscale commercial tower"},
|
|
{
|
|
id: "ongoing-3", name: "Serenity Bay Villas", price: "POA", imageSrc: "http://img.b2bpic.net/free-photo/bird-view-shanghai-china_1127-3037.jpg", imageAlt: "Luxury resort residential development"},
|
|
{
|
|
id: "ongoing-4", name: "Urban Zenith Apartments", price: "POA", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-modern-white-building-facade_181624-29733.jpg", imageAlt: "Modern urban residential building"},
|
|
{
|
|
id: "ongoing-5", name: "EcoLuxe Estates", price: "POA", imageSrc: "http://img.b2bpic.net/free-photo/flower-dome-garden-greenhouse-forest-travel_74190-6360.jpg", imageAlt: "Sustainable luxury architecture"},
|
|
{
|
|
id: "ongoing-6", name: "Innovate Tower", price: "POA", imageSrc: "http://img.b2bpic.net/free-photo/monochromatic-urban-minimal-landscape_23-2151011484.jpg", imageAlt: "Innovative architectural design"},
|
|
]}
|
|
title="Ongoing Projects"
|
|
description="Discover our active developments, where luxury and innovation are meticulously crafted into every detail."
|
|
/>
|
|
</div>
|
|
|
|
<div id="virtual-tours" data-section="virtual-tours">
|
|
<FeatureCardTen
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
title: "Grand Living Spaces", description: "Walk through beautifully designed living rooms and social areas.", media: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/blending-futuristic-building-seamlessly-into-desert-landscape_23-2151248398.jpg", imageAlt: "Luxury apartment living room virtual tour"},
|
|
items: [
|
|
{
|
|
icon: Eye,
|
|
text: "360° Views"},
|
|
{
|
|
icon: MousePointerClick,
|
|
text: "Interactive Points"},
|
|
],
|
|
reverse: false
|
|
},
|
|
{
|
|
title: "State-of-the-Art Kitchens", description: "Discover custom cabinetry, premium appliances, and sophisticated layouts.", media: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/digital-lavender-interior-design_23-2151561194.jpg", imageAlt: "Luxury kitchen design virtual tour"},
|
|
items: [
|
|
{
|
|
icon: ZoomIn,
|
|
text: "Detail Zoom"},
|
|
{
|
|
icon: Tv,
|
|
text: "Appliance Integration"},
|
|
],
|
|
reverse: true
|
|
},
|
|
{
|
|
title: "Luxurious Private Sanctuaries", description: "Tour elegant bedrooms and spa-like bathrooms.", media: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/digital-art-inmersive-exhibition_23-2151428539.jpg", imageAlt: "Luxury bedroom interior virtual tour"},
|
|
items: [
|
|
{
|
|
icon: Bed,
|
|
text: "Master Suites"},
|
|
{
|
|
icon: ShowerHead,
|
|
text: "Spa Bathrooms"},
|
|
],
|
|
reverse: false
|
|
}
|
|
]}
|
|
title="Immersive 3D Virtual Tours"
|
|
description="Step inside our exquisite properties from anywhere in the world. Our Matterport-style virtual tours provide a detailed, interactive experience."
|
|
tag="Explore Virtually"
|
|
/>
|
|
</div>
|
|
|
|
<div id="completed-projects" data-section="completed-projects">
|
|
<BlogCardThree
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
title="Our Completed Masterpieces"
|
|
description="A portfolio of our distinguished projects, each a testament to our commitment to luxury and impeccable design."
|
|
blogs={[
|
|
{
|
|
id: "completed-1", category: "Residential", title: "The Azure Sky Tower", excerpt: "A landmark residential tower offering panoramic city views and unparalleled amenities.", imageSrc: "http://img.b2bpic.net/free-photo/ai-generated-modern-styled-entryway_23-2150692393.jpg", imageAlt: "Completed luxury residential tower", authorName: "Ancin Insaat Team", authorAvatar: "", date: "Q4 2023"},
|
|
{
|
|
id: "completed-2", category: "Commercial", title: "The Obsidian Business Centre", excerpt: "A cutting-edge commercial complex designed for the modern enterprise, integrating smart technology.", imageSrc: "http://img.b2bpic.net/free-photo/hight-rise-condominium-office-buildings_1127-3902.jpg", imageAlt: "Completed modern commercial building", authorName: "Ancin Insaat Team", authorAvatar: "", date: "Q2 2023"},
|
|
{
|
|
id: "completed-3", category: "Hospitality", title: "Harmony Bay Resort", excerpt: "An exclusive beachfront resort blending luxury accommodations with natural elegance.", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-abstract-building_23-2150896794.jpg", imageAlt: "Completed luxury resort", authorName: "Ancin Insaat Team", authorAvatar: "", date: "Q1 2022"},
|
|
{
|
|
id: "completed-4", category: "Residential", title: "The Platinum Penthouses", excerpt: "Opulent penthouses setting new standards for urban luxury living, with bespoke interiors.", imageSrc: "http://img.b2bpic.net/free-photo/apartment-building-with-balconies_250224-87.jpg", imageAlt: "Completed luxury penthouse interior", authorName: "Ancin Insaat Team", authorAvatar: "", date: "Q3 2022"},
|
|
{
|
|
id: "completed-5", category: "Restoration", title: "Heritage Grand Manor", excerpt: "A meticulous restoration blending historical grandeur with contemporary comforts.", imageSrc: "http://img.b2bpic.net/free-photo/medieval-church-frescoes-gothic-arches-patterns-sacred-architecture-details_169016-68748.jpg", imageAlt: "Completed luxury historical renovation", authorName: "Ancin Insaat Team", authorAvatar: "", date: "Q2 2021"},
|
|
{
|
|
id: "completed-6", category: "Landscape", title: "Emerald Gardens Estate", excerpt: "Award-winning landscape architecture transforming an estate into a verdant oasis.", imageSrc: "http://img.b2bpic.net/free-photo/town-square-shenzhen_1359-1110.jpg", imageAlt: "Completed luxury landscape architecture", authorName: "Ancin Insaat Team", authorAvatar: "", date: "Q4 2021"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardFourteen
|
|
useInvertedBackground={false}
|
|
title="Unrivaled Expertise, Proven Results"
|
|
tag="Our Impact"
|
|
metrics={[
|
|
{
|
|
id: "m1", value: "25+", description: "Years in Luxury Construction"},
|
|
{
|
|
id: "m2", value: "150+", description: "Completed High-End Projects"},
|
|
{
|
|
id: "m3", value: "98%", description: "Client Satisfaction Rate"},
|
|
]}
|
|
metricsAnimation="opacity"
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
names={[
|
|
"Architech Design", "Elite Interiors", "Structural Dynamics", "Luxe Materials Co.", "Urban Visionaries", "EcoBuild Solutions", "Genesis Development"]}
|
|
title="Trusted Partners and Collaborators"
|
|
description="We collaborate with leading architects, designers, and suppliers to deliver projects of unmatched quality."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "t1", name: "E. Demir", role: "Property Investor", company: "Demir Holdings", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-business-woman-working-computer-cafe_1303-23855.jpg", imageAlt: "Testimonial from E. Demir"},
|
|
{
|
|
id: "t2", name: "A. Kaya", role: "CEO", company: "Kaya Group", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/businessman-smiling-airport-terminal_107420-85119.jpg", imageAlt: "Testimonial from A. Kaya"},
|
|
{
|
|
id: "t3", name: "Z. Yilmaz", role: "Luxury Homeowner", company: "Private Client", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/architect-relaxing-after-finishing-project_23-2148242970.jpg", imageAlt: "Testimonial from Z. Yilmaz"},
|
|
{
|
|
id: "t4", name: "M. Ozturk", role: "Developer", company: "Ozturk Properties", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg", imageAlt: "Testimonial from M. Ozturk"},
|
|
{
|
|
id: "t5", name: "G. Toprak", role: "Architect", company: "Toprak Designs", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-brunette-woman-black-sweater-with-crossed-arms-chest_613910-344.jpg", imageAlt: "Testimonial from G. Toprak"},
|
|
{
|
|
id: "t6", name: "B. Arslan", role: "Entrepreneur", company: "Arslan Ventures", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-as-real-estate-agent_23-2151064919.jpg", imageAlt: "Testimonial from B. Arslan"},
|
|
]}
|
|
title="Client Testimonials"
|
|
description="Hear what our esteemed clients have to say about their experience building with Ancin Insaat."
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactText
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "radial-gradient"}}
|
|
text="Ready to build your legacy? Connect with Ancin Insaat for a bespoke consultation."
|
|
buttons={[
|
|
{
|
|
text: "Get In Touch", href: "mailto:info@ancininsa.com"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseReveal
|
|
logoText="Ancin Insaat"
|
|
columns={[
|
|
{
|
|
title: "Company", items: [
|
|
{
|
|
label: "About Us", href: "#about"},
|
|
{
|
|
label: "Careers", href: "#"},
|
|
{
|
|
label: "Press", href: "#"},
|
|
],
|
|
},
|
|
{
|
|
title: "Projects", items: [
|
|
{
|
|
label: "Ongoing", href: "#ongoing-projects"},
|
|
{
|
|
label: "Completed", href: "#completed-projects"},
|
|
{
|
|
label: "Virtual Tours", href: "#virtual-tours"},
|
|
],
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{
|
|
label: "Privacy Policy", href: "#"},
|
|
{
|
|
label: "Terms of Service", href: "#"},
|
|
{
|
|
label: "Cookie Policy", href: "#"},
|
|
],
|
|
},
|
|
{
|
|
title: "Connect", items: [
|
|
{
|
|
label: "Contact", href: "#contact"},
|
|
{
|
|
label: "LinkedIn", href: "https://linkedin.com"},
|
|
{
|
|
label: "Instagram", href: "https://instagram.com"},
|
|
],
|
|
},
|
|
]}
|
|
copyrightText="© 2024 Ancin Insaat. All rights reserved."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|