Compare commits
2 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 86860cfb3e | |||
| fee1704d99 |
284
src/app/page.tsx
284
src/app/page.tsx
@@ -2,207 +2,117 @@
|
|||||||
|
|
||||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||||
import ReactLenis from "lenis/react";
|
import ReactLenis from "lenis/react";
|
||||||
import ContactText from '@/components/sections/contact/ContactText';
|
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
|
||||||
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
|
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
|
||||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||||
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
|
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
||||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
import { Sparkles } from "lucide-react";
|
||||||
import { Instagram, Leaf, Linkedin, Shield, ShieldCheck, Zap } from "lucide-react";
|
|
||||||
|
|
||||||
export default function LandingPage() {
|
export default function LandingPage() {
|
||||||
return (
|
return (
|
||||||
<ThemeProvider
|
<ThemeProvider
|
||||||
defaultButtonVariant="text-stagger"
|
defaultButtonVariant="text-stagger"
|
||||||
defaultTextAnimation="background-highlight"
|
defaultTextAnimation="reveal-blur"
|
||||||
borderRadius="soft"
|
borderRadius="soft"
|
||||||
contentWidth="compact"
|
contentWidth="mediumLarge"
|
||||||
sizing="mediumSizeLargeTitles"
|
sizing="largeSizeMediumTitles"
|
||||||
background="noiseDiagonalGradient"
|
background="noise"
|
||||||
cardStyle="subtle-shadow"
|
cardStyle="glass-elevated"
|
||||||
primaryButtonStyle="shadow"
|
primaryButtonStyle="flat"
|
||||||
secondaryButtonStyle="layered"
|
secondaryButtonStyle="glass"
|
||||||
headingFontWeight="bold"
|
headingFontWeight="semibold"
|
||||||
>
|
>
|
||||||
<ReactLenis root>
|
<ReactLenis root>
|
||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarLayoutFloatingOverlay
|
<NavbarStyleCentered
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{ name: "Collections", id: "collections" },
|
||||||
name: "Collections",
|
{ name: "Innovation", id: "innovation" },
|
||||||
id: "collections",
|
{ name: "Contact", id: "contact" },
|
||||||
},
|
]}
|
||||||
{
|
brandName="Neolith Türkiye"
|
||||||
name: "Innovation",
|
/>
|
||||||
id: "innovation",
|
</div>
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Projects",
|
|
||||||
id: "projects",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Contact",
|
|
||||||
id: "contact",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
brandName="Neolith Türkiye"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroOverlay
|
<HeroBillboardCarousel
|
||||||
title="Defining Architectural Excellence"
|
title="Cinematic Architectural Surfaces"
|
||||||
description="Premium sintered stone surfaces engineered for the modern visionary. Experience the pinnacle of durability and aesthetics."
|
description="Redefining modern living spaces with ultra-modern sintered stone surfaces that merge technical precision with timeless design."
|
||||||
buttons={[
|
background={{ variant: "plain" }}
|
||||||
{
|
mediaItems={[
|
||||||
text: "Request a Catalog",
|
{ imageSrc: "http://img.b2bpic.net/free-photo/luxury-modern-kitchen-interiors_181624-33230.jpg", imageAlt: "Neolith Surface Installation" },
|
||||||
href: "#contact",
|
{ imageSrc: "http://img.b2bpic.net/free-photo/marble-surface-texture-kitchen-counter_114579-23595.jpg", imageAlt: "Architectural Detail" }
|
||||||
},
|
]}
|
||||||
]}
|
/>
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/closeup-shot-textured-facade-modern-building_181624-16993.jpg"
|
</div>
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="about" data-section="about">
|
<div id="collections" data-section="collections">
|
||||||
<TestimonialAboutCard
|
<ProductCardTwo
|
||||||
useInvertedBackground={true}
|
title="The Collections"
|
||||||
tag="Our Philosophy"
|
description="A curation of sintered surfaces for high-end interiors."
|
||||||
title="Sustainability Meets Innovation"
|
gridVariant="bento-grid"
|
||||||
description="At Neolith Türkiye, we believe in materials that stand the test of time. Our slabs are produced with a commitment to minimal environmental footprint and maximum technical innovation."
|
animationType="slide-up"
|
||||||
subdescription="Every piece is a testament to our precision engineering and respect for natural minerals."
|
textboxLayout="split-description"
|
||||||
icon={Shield}
|
useInvertedBackground={false}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/three-feijoas-with-single-slice-marble_114579-23595.jpg"
|
products={[
|
||||||
mediaAnimation="slide-up"
|
{ id: "c1", brand: "Neolith", name: "Calacatta Luxe", price: "Custom", rating: 5, reviewCount: "(120)", imageSrc: "http://img.b2bpic.net/free-photo/marble-texture_23-2148425263.jpg" },
|
||||||
/>
|
{ id: "c2", brand: "Neolith", name: "Iron Corten", price: "Custom", rating: 5, reviewCount: "(85)", imageSrc: "http://img.b2bpic.net/free-photo/stone-texture_23-2148425263.jpg" },
|
||||||
</div>
|
{ id: "c3", brand: "Neolith", name: "Concrete Loft", price: "Custom", rating: 4, reviewCount: "(60)", imageSrc: "http://img.b2bpic.net/free-photo/concrete-texture_23-2148425263.jpg" }
|
||||||
|
]}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div id="innovation" data-section="innovation">
|
<div id="innovation" data-section="innovation">
|
||||||
<FeatureHoverPattern
|
<FeatureCardTwentyFour
|
||||||
animationType="slide-up"
|
title="Sustainability & Innovation"
|
||||||
textboxLayout="default"
|
description="Our engineering philosophy focuses on regenerative manufacturing and extreme performance."
|
||||||
useInvertedBackground={false}
|
animationType="slide-up"
|
||||||
features={[
|
textboxLayout="split-description"
|
||||||
{
|
useInvertedBackground={true}
|
||||||
icon: Leaf,
|
features={[
|
||||||
title: "Eco-Sustainable",
|
{ id: "f1", title: "Net Zero Production", author: "R&D Team", description: "Pioneering energy-efficient sintering processes.", tags: ["Sustainable", "Carbon Neutral"], imageSrc: "http://img.b2bpic.net/free-photo/eco-friendly-design_23-2148425263.jpg" },
|
||||||
description: "100% natural raw materials used in every slab.",
|
{ id: "f2", title: "Hydro-Proof Nano Tech", author: "Technical Team", description: "Immune to water absorption and bacteria.", tags: ["Hygiene", "Durability"], imageSrc: "http://img.b2bpic.net/free-photo/innovation-stone_23-2148425263.jpg" }
|
||||||
},
|
]}
|
||||||
{
|
/>
|
||||||
icon: ShieldCheck,
|
</div>
|
||||||
title: "High Durability",
|
|
||||||
description: "Scratch, heat, and stain resistant engineering.",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
icon: Zap,
|
|
||||||
title: "Technical Innovation",
|
|
||||||
description: "Cutting edge production process for precision.",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
title="Core Advantages"
|
|
||||||
description="Engineered for high-traffic, luxury environments."
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="collections" data-section="collections">
|
<div id="testimonials" data-section="testimonials">
|
||||||
<ProductCardThree
|
<TestimonialCardTen
|
||||||
animationType="slide-up"
|
title="Design Inspiration"
|
||||||
textboxLayout="split"
|
description="Crafting interiors where functionality meets artistic expression."
|
||||||
gridVariant="one-large-left-three-stacked-right"
|
textboxLayout="default"
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={false}
|
||||||
products={[
|
testimonials={[
|
||||||
{
|
{ id: "t1", title: "Kitchen Mastery", quote: "Neolith surfaces define my design aesthetic for elite kitchen projects.", name: "Ayse Y.", role: "Interior Architect", imageSrc: "http://img.b2bpic.net/free-photo/luxury-kitchen-design_181624-33230.jpg" },
|
||||||
id: "p1",
|
{ id: "t2", title: "Bathroom Serenity", quote: "Unmatched elegance and resilience for bathroom surfacing.", name: "Mehmet O.", role: "Project Lead", imageSrc: "http://img.b2bpic.net/free-photo/minimalist-bathroom_23-2149330971.jpg" }
|
||||||
name: "Marble Heritage",
|
]}
|
||||||
price: "Contact for pricing",
|
/>
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/stacked-bundle-amaranth-leaves-marble-surface_114579-54865.jpg",
|
</div>
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "p2",
|
|
||||||
name: "Iron Oxide",
|
|
||||||
price: "Contact for pricing",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/minimal-stone-structure-texture_23-2149041168.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "p3",
|
|
||||||
name: "Cement Loft",
|
|
||||||
price: "Contact for pricing",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-wall-texture-pattern_58702-12619.jpg",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
title="The Collections"
|
|
||||||
description="Explore our signature finishes, crafted for timeless beauty."
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="testimonials" data-section="testimonials">
|
<div id="contact" data-section="contact">
|
||||||
<TestimonialCardFifteen
|
<ContactCenter
|
||||||
useInvertedBackground={false}
|
title="Collaborate with Neolith"
|
||||||
testimonial="Neolith's slabs transformed our villa project. The material quality is unrivaled in the Turkish market."
|
description="Join the architectural revolution. Access exclusive material libraries and design resources."
|
||||||
rating={5}
|
tag="Partnership"
|
||||||
author="Arif D., Chief Architect"
|
tagIcon={Sparkles}
|
||||||
avatars={[
|
useInvertedBackground={false}
|
||||||
{
|
background={{ variant: "plain" }}
|
||||||
src: "http://img.b2bpic.net/free-photo/elegant-woman-with-blueprints-thumb-up_1149-1158.jpg",
|
buttonText="Get Access"
|
||||||
alt: "Arif D",
|
/>
|
||||||
},
|
</div>
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/woman-posing-with-cup-coffee_23-2149330971.jpg",
|
|
||||||
alt: "Elif K",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/man-with-blueprint-copy-space_23-2148269819.jpg",
|
|
||||||
alt: "Deniz T",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/blonde-woman-holding-mobile-phone_23-2148731203.jpg",
|
|
||||||
alt: "Kerem S",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/elegant-woman-with-blueprints-thumb-up_1149-1158.jpg",
|
|
||||||
alt: "Selin M",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
ratingAnimation="blur-reveal"
|
|
||||||
avatarsAnimation="blur-reveal"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="contact" data-section="contact">
|
<div id="footer" data-section="footer">
|
||||||
<ContactText
|
<FooterBase
|
||||||
useInvertedBackground={true}
|
columns={[
|
||||||
background={{
|
{ title: "Company", items: [{ label: "About Us", href: "#" }, { label: "Careers", href: "#" }] },
|
||||||
variant: "gradient-bars",
|
{ title: "Support", items: [{ label: "Catalog", href: "#" }, { label: "Warranty", href: "#" }] }
|
||||||
}}
|
]}
|
||||||
text="Ready to design something exceptional? Request our digital catalog or book a private viewing today."
|
logoText="Neolith Türkiye"
|
||||||
buttons={[
|
/>
|
||||||
{
|
</div>
|
||||||
text: "Download Catalog",
|
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="footer" data-section="footer">
|
|
||||||
<FooterCard
|
|
||||||
logoText="Neolith Türkiye"
|
|
||||||
copyrightText="© 2025 Neolith Türkiye | All rights reserved"
|
|
||||||
socialLinks={[
|
|
||||||
{
|
|
||||||
icon: Instagram,
|
|
||||||
href: "#",
|
|
||||||
ariaLabel: "Instagram",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
icon: Linkedin,
|
|
||||||
href: "#",
|
|
||||||
ariaLabel: "LinkedIn",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
|
|||||||
Reference in New Issue
Block a user