Update src/app/page.tsx

This commit is contained in:
2026-04-20 13:59:11 +00:00
parent c78d147311
commit ecfa0e8176

View File

@@ -2,16 +2,16 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TeamCardTen from '@/components/sections/team/TeamCardTen';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import { Building } from "lucide-react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
import FooterBase from '@/components/sections/footer/FooterBase';
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TeamCardEleven from '@/components/sections/team/TeamCardEleven';
import TextAbout from '@/components/sections/about/TextAbout';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import { Building2, HardHat, Ruler } from "lucide-react";
export default function LandingPage() {
return (
@@ -28,215 +28,100 @@ export default function LandingPage() {
headingFontWeight="semibold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleApple
<div id="nav">
<NavbarStyleCentered
navItems={[
{
name: "About", id: "#about"},
{
name: "Projects", id: "#projects"},
{
name: "Contact", id: "#contact"},
{ name: "About", id: "#about" },
{ name: "Services", id: "#services" },
{ name: "Projects", id: "#projects" },
{ name: "Contact", id: "#contact" },
]}
brandName="Kaya Mimarlik"
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitKpi
background={{
variant: "rotated-rays-static"}}
title="Elevating Architecture in Baku"
description="Kaya Mimarlik combines modern design aesthetics with sustainable engineering to redefine urban living in Azerbaijan."
kpis={[
{
value: "15+", label: "Years Experience"},
{
value: "200+", label: "Projects Completed"},
{
value: "50+", label: "Awards Won"},
]}
enableKpiAnimation={true}
imageSrc="http://img.b2bpic.net/free-photo/low-angle-high-slope-glass-building_23-2148230395.jpg"
imageAlt="modern architecture building exterior"
mediaAnimation="slide-up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/3d-rendering-abstract-building_23-2150896900.jpg", alt: "3d rendering of abstract building"},
{
src: "http://img.b2bpic.net/free-photo/low-angle-shot-geometrical-metal-cables-glass-building_181624-7481.jpg", alt: "Low angle shot of geometrical metal cables on a glass building"},
{
src: "http://img.b2bpic.net/free-photo/low-angle-building-with-glass-design_23-2148230391.jpg", alt: "Low angle building with glass design"},
{
src: "http://img.b2bpic.net/free-photo/commercial-building-downtown-district-with-cloud-reflection_181624-61737.jpg", alt: "Commercial building in downtown district with cloud reflection"},
{
src: "http://img.b2bpic.net/free-photo/middle-aged-business-man-hard-hat_1303-23577.jpg", alt: "Middle aged business man in a hard hat"},
]}
avatarText="Trusted by elite industry leaders"
marqueeItems={[
{
type: "text", text: "Innovative Design"},
{
type: "text", text: "Sustainable Engineering"},
{
type: "text", text: "Baku Landmark Experts"},
{
type: "text", text: "Premium Aesthetics"},
{
type: "text", text: "Architecture Excellence"},
]}
/>
</div>
<div id="about" data-section="about">
<TestimonialAboutCard
useInvertedBackground={false}
tag="Our Philosophy"
title="Design with Purpose"
description="At Kaya Mimarlik, every line we draw has a reason. We balance artistic vision with functional integrity to create timeless structures that honor Baku's unique spirit."
subdescription="We are dedicated to sustainable practices and innovative building techniques that ensure longevity and environmental harmony."
icon={Building}
imageSrc="http://img.b2bpic.net/free-photo/stylish-modern-designer-armchair_23-2148238639.jpg"
mediaAnimation="slide-up"
/>
</div>
<div id="features" data-section="features">
<FeatureCardNine
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
features={[
{
title: "Residential Luxury", description: "Custom homes that blend contemporary style with local heritage.", phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/ai-generated-house-design_23-2150666375.jpg"},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/family-life-inside-house-top-view-generative-ai_260559-458.jpg"}
},
{
title: "Sustainable Urban Design", description: "Eco-friendly developments promoting green living in the city center.", phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/blending-futuristic-building-seamlessly-into-desert-landscape_23-2151248332.jpg"},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/modern-windows-airport_116348-82.jpg"}
},
{
title: "Interior Excellence", description: "Refined interior spaces where art and comfort converge seamlessly.", phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/gray-building-with-hall-lights-that-are-turned_250224-82.jpg"},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-interior-design-minimal-concept_23-2151902935.jpg"}
},
]}
showStepNumbers={true}
title="Our Specialized Architectural Services"
description="From luxury residential villas to large-scale commercial developments, our expertise spans across diverse sectors of design."
/>
</div>
<div id="projects" data-section="projects">
<ProductCardTwo
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{
id: "p1", brand: "Residential", name: "Baku Skyline Villa", price: "Featured", rating: 5,
reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/staircase-apartment_1150-11156.jpg"},
{
id: "p2", brand: "Commercial", name: "Caspian Business Tower", price: "Concept", rating: 5,
reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-photo/modern-tokyo-street-background_23-2149394938.jpg"},
{
id: "p3", brand: "Public", name: "Modern Arts Hub", price: "Completed", rating: 5,
reviewCount: "24", imageSrc: "http://img.b2bpic.net/free-photo/interior-contemporary-building_1137-71.jpg"},
{
id: "p4", brand: "Residential", name: "Coastal Oasis Villa", price: "Ongoing", rating: 5,
reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/modern-minimalist-villa-with-swimming-pool-glass-walls_23-2151974375.jpg"},
{
id: "p5", brand: "Commercial", name: "City Core Apartments", price: "Completed", rating: 5,
reviewCount: "30", imageSrc: "http://img.b2bpic.net/free-photo/modern-office-overlooking-city-skyline-sunset_23-2151986966.jpg"},
{
id: "p6", brand: "Commercial", name: "Global Trade Center", price: "Concept", rating: 5,
reviewCount: "10", imageSrc: "http://img.b2bpic.net/free-photo/close-up-modern-office-buildings_1359-605.jpg"},
]}
title="Featured Projects"
description="Explore our portfolio of iconic structures that define modern Baku."
/>
</div>
<div id="team" data-section="team">
<TeamCardTen
useInvertedBackground={true}
title="Our Expert Architects"
tag="Leadership"
membersAnimation="slide-up"
members={[
{
id: "m1", name: "Leyla Aliyeva", imageSrc: "http://img.b2bpic.net/free-photo/architect-with-safety-helmet-posing_23-2148242939.jpg"},
{
id: "m2", name: "Farid Mammadov", imageSrc: "http://img.b2bpic.net/free-photo/man-showing-architectural-plans-with-copy-space_23-2148243013.jpg"},
{
id: "m3", name: "Nigar Hasanova", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-looking-plans_23-2148815558.jpg"},
]}
memberVariant="card"
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTwo
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
<div id="hero">
<HeroBillboardTestimonial
title="Architecting the Future of Baku"
description="From iconic architecture to precise construction and refined renovation, we build landmarks that shape Baku's horizon."
testimonials={[
{
id: "t1", name: "Sarah Ahmed", role: "Property Developer", testimonial: "Kaya Mimarlik transformed our vision into a breathtaking reality that defines our portfolio.", imageSrc: "http://img.b2bpic.net/free-photo/businessman-smiling-looking-camera_23-2148112827.jpg"},
{
id: "t2", name: "John Doe", role: "CEO", testimonial: "Professional, efficient, and exceptionally creative. A true pleasure to work with.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-with-glasses_23-2148415929.jpg"},
{
id: "t3", name: "Elena Petrova", role: "Homeowner", testimonial: "Our new villa is a testament to their dedication to quality and modern design.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-african-american-woman-smiling-cheerful-friendly-face-laughing-confident_839833-29956.jpg"},
{
id: "t4", name: "Mark Spencer", role: "Architect", testimonial: "Highly recommended for any commercial design project in Baku.", imageSrc: "http://img.b2bpic.net/free-photo/handsome-groom-classy-black-suit-stands-dark-room_8353-7083.jpg"},
{
id: "t5", name: "Zahra Karim", role: "Interior Designer", testimonial: "Their attention to detail and ability to integrate form and function is unparalleled.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-attractive-businesswoman-crossing-arms_1262-4724.jpg"},
{ name: "Leyla Aliyeva", handle: "Lead Architect", testimonial: "Precision and passion in every detail.", rating: 5 }
]}
imageSrc="http://img.b2bpic.net/free-photo/low-angle-high-slope-glass-building_23-2148230395.jpg"
/>
</div>
<div id="about">
<TextAbout
tag="Our Vision"
title="Design Excellence for Modern Azerbaijan"
useInvertedBackground={false}
/>
</div>
<div id="services">
<FeatureCardTwentyThree
title="Our Services"
textboxLayout="split"
animationType="slide-up"
features={[
{ id: "s1", title: "Architecture Design", tags: ["Concept", "Drafting"], imageSrc: "http://img.b2bpic.net/free-photo/architect-with-safety-helmet-posing_23-2148242939.jpg" },
{ id: "s2", title: "Construction Management", tags: ["On-site", "Safety"], imageSrc: "http://img.b2bpic.net/free-photo/man-showing-architectural-plans-with-copy-space_23-2148243013.jpg" },
{ id: "s3", title: "Renovation & Restoration", tags: ["Upgrade", "Design"], imageSrc: "http://img.b2bpic.net/free-photo/gray-building-with-hall-lights-that-are-turned_250224-82.jpg" }
]}
/>
</div>
<div id="projects">
<ProductCardThree
title="Latest Projects"
textboxLayout="split"
animationType="slide-up"
gridVariant="bento-grid"
products={[
{ id: "p1", name: "Baku Skyline Villa", price: "Ongoing", imageSrc: "http://img.b2bpic.net/free-photo/modern-minimalist-villa-with-swimming-pool-glass-walls_23-2151974375.jpg" },
{ id: "p2", name: "Caspian Arts Hub", price: "Completed", imageSrc: "http://img.b2bpic.net/free-photo/interior-contemporary-building_1137-71.jpg" }
]}
/>
</div>
<div id="team">
<TeamCardEleven
title="Our Creative Team"
textboxLayout="split"
animationType="slide-up"
groups={[
{ id: "g1", groupTitle: "Management", members: [{ id: "m1", title: "Leyla Aliyeva", subtitle: "Director", detail: "Expert in sustainable urban design.", imageSrc: "http://img.b2bpic.net/free-photo/architect-with-safety-helmet-posing_23-2148242939.jpg" }] }
]}
/>
</div>
<div id="testimonials">
<TestimonialCardSix
title="Client Success Stories"
description="What our clients say about our approach to architectural excellence."
textboxLayout="split"
animationType="slide-up"
testimonials={[
{ id: "t1", name: "Sarah Ahmed", handle: "Developer", testimonial: "Kaya Mimarlik exceeded all expectations with their vision and execution.", imageSrc: "http://img.b2bpic.net/free-photo/businessman-smiling-looking-camera_23-2148112827.jpg" }
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={true}
background={{
variant: "rotated-rays-static"}}
tag="Contact Us"
title="Start Your Architectural Journey"
description="Have a project in mind? Let's discuss how we can bring your architectural vision to life today."
<div id="contact">
<ContactCTA
tag="Get Started"
title="Build Your Future with Kaya Mimarlik"
description="Professional services for architecture, construction, and renovation in Baku."
buttons={[{ text: "Request Consultation", href: "#" }]}
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/twisted-grey-paper-copy-space_23-2148792955.jpg"
<div id="footer">
<FooterBase
logoText="Kaya Mimarlik Baku"
columns={[
{
title: "Links", items: [
{
label: "About", href: "#about"},
{
label: "Projects", href: "#projects"},
{
label: "Contact", href: "#contact"},
],
},
{
title: "Legal", items: [
{
label: "Privacy Policy", href: "#"},
{
label: "Terms of Use", href: "#"},
],
},
{ title: "Services", items: [{ label: "Architecture", href: "#" }, { label: "Construction", href: "#" }, { label: "Renovation", href: "#" }] },
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }] }
]}
/>
</div>