Update src/app/page.tsx
This commit is contained in:
283
src/app/page.tsx
283
src/app/page.tsx
@@ -2,208 +2,115 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||||
import { Instagram, Leaf, Linkedin, Shield, ShieldCheck, Zap } from "lucide-react";
|
||||
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
|
||||
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
|
||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import { Instagram, Leaf, Linkedin, ShieldCheck, Zap, Sparkles } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="background-highlight"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="soft"
|
||||
contentWidth="compact"
|
||||
sizing="mediumSizeLargeTitles"
|
||||
background="noiseDiagonalGradient"
|
||||
cardStyle="subtle-shadow"
|
||||
primaryButtonStyle="shadow"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="bold"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="largeSizeMediumTitles"
|
||||
background="noise"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="flat"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Collections",
|
||||
id: "collections",
|
||||
},
|
||||
{
|
||||
name: "Innovation",
|
||||
id: "innovation",
|
||||
},
|
||||
{
|
||||
name: "Projects",
|
||||
id: "projects",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Neolith Türkiye"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Collections", id: "collections" },
|
||||
{ name: "Innovation", id: "innovation" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Neolith Türkiye"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlay
|
||||
title="Defining Architectural Excellence"
|
||||
description="Premium sintered stone surfaces engineered for the modern visionary. Experience the pinnacle of durability and aesthetics."
|
||||
buttons={[
|
||||
{
|
||||
text: "Request a Catalog",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/closeup-shot-textured-facade-modern-building_181624-16993.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
title="Cinematic Architectural Surfaces"
|
||||
description="Redefining modern living spaces with ultra-modern sintered stone surfaces that merge technical precision with timeless design."
|
||||
background={{ variant: "plain" }}
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/luxury-modern-kitchen-interiors_181624-33230.jpg", imageAlt: "Neolith Surface Installation" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/marble-surface-texture-kitchen-counter_114579-23595.jpg", imageAlt: "Architectural Detail" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={true}
|
||||
tag="Our Philosophy"
|
||||
title="Sustainability Meets Innovation"
|
||||
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."
|
||||
subdescription="Every piece is a testament to our precision engineering and respect for natural minerals."
|
||||
icon={Shield}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/three-feijoas-with-single-slice-marble_114579-23595.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="collections" data-section="collections">
|
||||
<ProductCardTwo
|
||||
title="The Collections"
|
||||
description="A curation of sintered surfaces for high-end interiors."
|
||||
gridVariant="bento-grid"
|
||||
animationType="slide-up"
|
||||
textboxLayout="split-description"
|
||||
products={[
|
||||
{ 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" },
|
||||
{ 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">
|
||||
<FeatureHoverPattern
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
icon: Leaf,
|
||||
title: "Eco-Sustainable",
|
||||
description: "100% natural raw materials used in every slab.",
|
||||
},
|
||||
{
|
||||
icon: ShieldCheck,
|
||||
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="innovation" data-section="innovation">
|
||||
<FeatureCardTwentyFour
|
||||
title="Sustainability & Innovation"
|
||||
description="Our engineering philosophy focuses on regenerative manufacturing and extreme performance."
|
||||
animationType="slide-up"
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{ 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" },
|
||||
{ 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" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="collections" data-section="collections">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="one-large-left-three-stacked-right"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Marble Heritage",
|
||||
price: "Contact for pricing",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stacked-bundle-amaranth-leaves-marble-surface_114579-54865.jpg",
|
||||
},
|
||||
{
|
||||
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">
|
||||
<TestimonialCardTen
|
||||
title="Design Inspiration"
|
||||
description="Crafting interiors where functionality meets artistic expression."
|
||||
textboxLayout="default"
|
||||
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: "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" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={false}
|
||||
testimonial="Neolith's slabs transformed our villa project. The material quality is unrivaled in the Turkish market."
|
||||
rating={5}
|
||||
author="Arif D., Chief Architect"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/elegant-woman-with-blueprints-thumb-up_1149-1158.jpg",
|
||||
alt: "Arif D",
|
||||
},
|
||||
{
|
||||
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">
|
||||
<ContactCenter
|
||||
title="Collaborate with Neolith"
|
||||
description="Join the architectural revolution. Access exclusive material libraries and design resources."
|
||||
tag="Partnership"
|
||||
tagIcon={Sparkles}
|
||||
background={{ variant: "plain" }}
|
||||
buttonText="Get Access"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
text="Ready to design something exceptional? Request our digital catalog or book a private viewing today."
|
||||
buttons={[
|
||||
{
|
||||
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>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{ title: "Company", items: [{ label: "About Us", href: "#" }, { label: "Careers", href: "#" }] },
|
||||
{ title: "Support", items: [{ label: "Catalog", href: "#" }, { label: "Warranty", href: "#" }] }
|
||||
]}
|
||||
logoText="Neolith Türkiye"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user