Merge version_1 into main #1

Merged
bender merged 1 commits from version_1 into main 2026-05-12 16:52:28 +00:00

View File

@@ -28,386 +28,170 @@ export default function LandingPage() {
headingFontWeight="extrabold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "Materials",
id: "products",
},
{
name: "Portfolio",
id: "portfolio",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="Rocantera"
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{ name: "Home", id: "hero" },
{ name: "Materials", id: "products" },
{ name: "Portfolio", id: "portfolio" },
{ name: "Contact", id: "contact" },
]}
brandName="Rocantera"
/>
</div>
<div id="hero" data-section="hero">
<HeroSplit
background={{
variant: "plain",
}}
title="Natural Stone for Luxury Spaces"
description="Premium cantera, marble, and architectural materials for Los Cabos."
buttons={[
{
text: "View Materials",
href: "#products",
},
{
text: "Contact on WhatsApp",
href: "#contact",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/front-view-wall-with-rocks_23-2148817673.jpg"
imageAlt="luxury villa Cabo San Lucas architecture"
mediaAnimation="blur-reveal"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/brick-wall-textures_74190-1339.jpg",
alt: "Brick wall textures",
},
{
src: "http://img.b2bpic.net/free-photo/stone-wall_1136-42.jpg",
alt: "Stone wall",
},
{
src: "http://img.b2bpic.net/free-photo/brick-wall-textures_1203-6680.jpg",
alt: "Brick wall textures",
},
{
src: "http://img.b2bpic.net/free-photo/uneven-sandstone-tile-wall-surface_53876-74691.jpg",
alt: "Uneven sandstone tile for wall surface",
},
{
src: "http://img.b2bpic.net/free-photo/photorealistic-stone-wall-surface-used-interior-design_23-2151214754.jpg",
alt: "Photorealistic stone wall surface used in interior design",
},
]}
avatarText="Trusted by 50+ luxury architects"
marqueeItems={[
{
type: "text",
text: "Cantera Stone",
},
{
type: "text",
text: "Premium Marble",
},
{
type: "text",
text: "Architectural Cladding",
},
{
type: "text",
text: "Luxury Finishes",
},
{
type: "text",
text: "Artisanal Craft",
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplit
background={{ variant: "plain" }}
title="Natural Stone for Luxury Spaces"
description="Premium cantera, marble, and architectural materials for Los Cabos."
buttons={[{ text: "View Materials", href: "#products" }, { text: "Contact on WhatsApp", href: "#contact" }]}
imageSrc="http://img.b2bpic.net/free-photo/front-view-wall-with-rocks_23-2148817673.jpg"
imageAlt="luxury villa Cabo San Lucas architecture"
mediaAnimation="blur-reveal"
avatars={[
{ src: "http://img.b2bpic.net/free-photo/brick-wall-textures_74190-1339.jpg", alt: "Brick wall textures" },
{ src: "http://img.b2bpic.net/free-photo/stone-wall_1136-42.jpg", alt: "Stone wall" },
{ src: "http://img.b2bpic.net/free-photo/brick-wall-textures_1203-6680.jpg", alt: "Brick wall textures" },
{ src: "http://img.b2bpic.net/free-photo/uneven-sandstone-tile-wall-surface_53876-74691.jpg", alt: "Uneven sandstone tile for wall surface" },
{ src: "http://img.b2bpic.net/free-photo/photorealistic-stone-wall-surface-used-interior-design_23-2151214754.jpg", alt: "Photorealistic stone wall surface used in interior design" }
]}
avatarText="Trusted by 50+ luxury architects"
marqueeItems={[
{ type: "text", text: "Cantera Stone" },
{ type: "text", text: "Premium Marble" },
{ type: "text", text: "Architectural Cladding" },
{ type: "text", text: "Luxury Finishes" },
{ type: "text", text: "Artisanal Craft" }
]}
/>
</div>
<div id="about" data-section="about">
<MetricSplitMediaAbout
useInvertedBackground={true}
title="Craftsmanship Redefined"
description="At Rocantera, we harmonize the raw beauty of Baja with exquisite architectural precision. Our materials are sourced for architects who demand nothing less than perfection."
metrics={[
{
value: "20+",
title: "Years Experience",
},
{
value: "500+",
title: "Luxury Projects",
},
{
value: "100%",
title: "Artisan Quality",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/photo-wall-texture-pattern_58702-12801.jpg"
mediaAnimation="slide-up"
metricsAnimation="slide-up"
imageAlt="artisanal stone masonry craftsmanship close up"
/>
</div>
<div id="about" data-section="about">
<MetricSplitMediaAbout
useInvertedBackground={true}
title="Craftsmanship Redefined"
description="At Rocantera, we harmonize the raw beauty of Baja with exquisite architectural precision. Our materials are sourced for architects who demand nothing less than perfection."
metrics={[
{ value: "20+", title: "Years Experience" },
{ value: "500+", title: "Luxury Projects" },
{ value: "100%", title: "Artisan Quality" }
]}
imageSrc="http://img.b2bpic.net/free-photo/photo-wall-texture-pattern_58702-12801.jpg"
mediaAnimation="slide-up"
metricsAnimation="slide-up"
imageAlt="artisanal stone masonry craftsmanship close up"
/>
</div>
<div id="products" data-section="products">
<ProductCardFour
textboxLayout="split-description"
gridVariant="bento-grid"
useInvertedBackground={false}
products={[
{
id: "p1",
name: "Cantera",
price: "Custom Pricing",
variant: "Architectural",
imageSrc: "http://img.b2bpic.net/free-photo/construction-hammer-indoors-still-life_23-2150563128.jpg",
},
{
id: "p2",
name: "Marble",
price: "Custom Pricing",
variant: "Premium",
imageSrc: "http://img.b2bpic.net/free-photo/board-with-fresh-baked-raisin-bread-placed-marble-background_114579-50217.jpg",
},
{
id: "p3",
name: "Decorative Stone",
price: "Custom Pricing",
variant: "Wall Cladding",
imageSrc: "http://img.b2bpic.net/free-photo/photo-wall-texture-pattern_58702-14541.jpg",
},
{
id: "p4",
name: "Pool Stone",
price: "Custom Pricing",
variant: "Natural",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-outdoor-swimming-pool-resort-hotel-leisure-relax_74190-14107.jpg",
},
{
id: "p5",
name: "Landscaping",
price: "Custom Pricing",
variant: "Outdoor",
imageSrc: "http://img.b2bpic.net/free-photo/stained-texture-with-beige-color-background_24837-658.jpg",
},
{
id: "p6",
name: "Custom Cuts",
price: "Custom Pricing",
variant: "Bespoke",
imageSrc: "http://img.b2bpic.net/free-photo/abstract-city-wall_23-2148106977.jpg",
},
]}
title="Our Materials"
description="From natural cantera to luxury marble, explore our curated selection of stone."
/>
</div>
<div id="products" data-section="products">
<ProductCardFour
textboxLayout="split-description"
gridVariant="bento-grid"
useInvertedBackground={false}
animationType="slide-up"
products={[
{ id: "p1", name: "Cantera", price: "Custom Pricing", variant: "Architectural", imageSrc: "http://img.b2bpic.net/free-photo/construction-hammer-indoors-still-life_23-2150563128.jpg" },
{ id: "p2", name: "Marble", price: "Custom Pricing", variant: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/board-with-fresh-baked-raisin-bread-placed-marble-background_114579-50217.jpg" },
{ id: "p3", name: "Decorative Stone", price: "Custom Pricing", variant: "Wall Cladding", imageSrc: "http://img.b2bpic.net/free-photo/photo-wall-texture-pattern_58702-14541.jpg" },
{ id: "p4", name: "Pool Stone", price: "Custom Pricing", variant: "Natural", imageSrc: "http://img.b2bpic.net/free-photo/top-view-outdoor-swimming-pool-resort-hotel-leisure-relax_74190-14107.jpg" },
{ id: "p5", name: "Landscaping", price: "Custom Pricing", variant: "Outdoor", imageSrc: "http://img.b2bpic.net/free-photo/stained-texture-with-beige-color-background_24837-658.jpg" },
{ id: "p6", name: "Custom Cuts", price: "Custom Pricing", variant: "Bespoke", imageSrc: "http://img.b2bpic.net/free-photo/abstract-city-wall_23-2148106977.jpg" }
]}
title="Our Materials"
description="From natural cantera to luxury marble, explore our curated selection of stone."
/>
</div>
<div id="portfolio" data-section="portfolio">
<FeatureCardTwentyThree
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={true}
features={[
{
id: "f1",
title: "Villa Resort, Chileno Bay",
tags: [
"Marble",
"Cladding",
],
imageSrc: "http://img.b2bpic.net/free-photo/umbrella-chair-around-outdoor-swimming-pool-resort-hotel-vacation-leisure_74190-14754.jpg",
},
{
id: "f2",
title: "Oceanfront Estate",
tags: [
"Cantera",
"Pool",
],
imageSrc: "http://img.b2bpic.net/free-photo/amazing-view-luxury-hotel-with-cloudy-sky-bodrum-turkey_627829-7114.jpg",
},
{
id: "f3",
title: "Luxury Boutique Hotel",
tags: [
"Marble",
"Outdoor",
],
imageSrc: "http://img.b2bpic.net/free-photo/top-view-boards-mdf-material_23-2149418574.jpg",
},
]}
title="Selected Projects"
description="Where vision meets natural stone."
/>
</div>
<div id="portfolio" data-section="portfolio">
<FeatureCardTwentyThree
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={true}
features={[
{ id: "f1", title: "Villa Resort, Chileno Bay", tags: ["Marble", "Cladding"], imageSrc: "http://img.b2bpic.net/free-photo/umbrella-chair-around-outdoor-swimming-pool-resort-hotel-vacation-leisure_74190-14754.jpg" },
{ id: "f2", title: "Oceanfront Estate", tags: ["Cantera", "Pool"], imageSrc: "http://img.b2bpic.net/free-photo/amazing-view-luxury-hotel-with-cloudy-sky-bodrum-turkey_627829-7114.jpg" },
{ id: "f3", title: "Luxury Boutique Hotel", tags: ["Marble", "Outdoor"], imageSrc: "http://img.b2bpic.net/free-photo/top-view-boards-mdf-material_23-2149418574.jpg" }
]}
title="Selected Projects"
description="Where vision meets natural stone."
/>
</div>
<div id="why-us" data-section="why-us">
<MetricCardOne
animationType="slide-up"
textboxLayout="split"
gridVariant="bento-grid"
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "Premium",
title: "Materials",
description: "Hand-selected slabs.",
icon: Shield,
},
{
id: "m2",
value: "Local",
title: "Expertise",
description: "Deep Baja roots.",
icon: Award,
},
{
id: "m3",
value: "Fast",
title: "Delivery",
description: "On-time project completion.",
icon: Zap,
},
]}
title="The Rocantera Edge"
description="Excellence built into every layer."
/>
</div>
<div id="why-us" data-section="why-us">
<MetricCardOne
animationType="slide-up"
textboxLayout="split"
gridVariant="bento-grid"
useInvertedBackground={false}
metrics={[
{ id: "m1", value: "Premium", title: "Materials", description: "Hand-selected slabs.", icon: Shield },
{ id: "m2", value: "Local", title: "Expertise", description: "Deep Baja roots.", icon: Award },
{ id: "m3", value: "Fast", title: "Delivery", description: "On-time project completion.", icon: Zap }
]}
title="The Rocantera Edge"
description="Excellence built into every layer."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSixteen
textboxLayout="split"
useInvertedBackground={true}
testimonials={[
{
id: "1",
name: "Sarah Johnson",
role: "Lead Architect",
company: "Studio Los Cabos",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/view-modern-futuristic-work-space-with-furniture_23-2151797713.jpg",
},
{
id: "2",
name: "Michael Chen",
role: "Developer",
company: "Cabo Resorts Group",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/view-modern-futuristic-work-space-with-furniture_23-2151797704.jpg",
},
{
id: "3",
name: "Emily Rodriguez",
role: "Designer",
company: "Luxury Interiors",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/man-showing-architectural-plans-with-copy-space_23-2148243013.jpg",
},
{
id: "4",
name: "David Kim",
role: "Contractor",
company: "Baja Construction",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-kitchen-interior-design_23-2151821376.jpg",
},
{
id: "5",
name: "Sofia Vega",
role: "Designer",
company: "Villa Designs",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/mature-architect-posing-camera_23-2148242990.jpg",
},
]}
kpiItems={[
{
value: "100%",
label: "Client Satisfaction",
},
{
value: "500+",
label: "Stone Projects",
},
{
value: "20",
label: "Years Trust",
},
]}
title="Architect Perspectives"
description="Client success stories."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSixteen
textboxLayout="split"
useInvertedBackground={true}
animationType="slide-up"
testimonials={[
{ id: "1", name: "Sarah Johnson", role: "Lead Architect", company: "Studio Los Cabos", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/view-modern-futuristic-work-space-with-furniture_23-2151797713.jpg" },
{ id: "2", name: "Michael Chen", role: "Developer", company: "Cabo Resorts Group", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/view-modern-futuristic-work-space-with-furniture_23-2151797704.jpg" },
{ id: "3", name: "Emily Rodriguez", role: "Designer", company: "Luxury Interiors", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-showing-architectural-plans-with-copy-space_23-2148243013.jpg" },
{ id: "4", name: "David Kim", role: "Contractor", company: "Baja Construction", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/futuristic-kitchen-interior-design_23-2151821376.jpg" },
{ id: "5", name: "Sofia Vega", role: "Designer", company: "Villa Designs", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/mature-architect-posing-camera_23-2148242990.jpg" }
]}
kpiItems={[
{ value: "100%", label: "Client Satisfaction" },
{ value: "500+", label: "Stone Projects" },
{ value: "20", label: "Years Trust" }
]}
title="Architect Perspectives"
description="Client success stories."
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
useInvertedBackground={false}
title="Start Your Project"
description="Ready to bring the beauty of Cabo natural stone into your space? WhatsApp us for a fast quote."
inputs={[
{
name: "name",
type: "text",
placeholder: "Full Name",
required: true,
},
{
name: "email",
type: "email",
placeholder: "Email Address",
required: true,
},
]}
textarea={{
name: "message",
placeholder: "Describe your project...",
rows: 4,
}}
imageSrc="http://img.b2bpic.net/free-photo/alluring-town-alberobello-with-trulli-houses-green-plants-flowers-main-touristic-district-apulia-region-southern-italy-typical-buildings-built-with-dry-stone-walls-conical-roofs_639032-809.jpg"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
useInvertedBackground={false}
title="Start Your Project"
description="Ready to bring the beauty of Cabo natural stone into your space? WhatsApp us for a fast quote."
inputs={[
{ name: "name", type: "text", placeholder: "Full Name", required: true },
{ name: "email", type: "email", placeholder: "Email Address", required: true }
]}
textarea={{ name: "message", placeholder: "Describe your project...", rows: 4 }}
imageSrc="http://img.b2bpic.net/free-photo/alluring-town-alberobello-with-trulli-houses-green-plants-flowers-main-touristic-district-apulia-region-southern-italy-typical-buildings-built-with-dry-stone-walls-conical-roofs_639032-809.jpg"
/>
</div>
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{
title: "Services",
items: [
{
label: "San José del Cabo",
href: "#",
},
{
label: "Cabo San Lucas",
href: "#",
},
{
label: "Todos Santos",
href: "#",
},
{
label: "La Paz",
href: "#",
},
],
},
{
title: "Contact",
items: [
{
label: "WhatsApp",
href: "https://wa.me/526241234567",
},
{
label: "Phone: +52 624 123 4567",
href: "tel:+526241234567",
},
],
},
]}
bottomLeftText="© 2024 Rocantera Piedra Natural."
bottomRightText="Luxury Stone Cabo"
/>
</div>
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{
title: "Services", items: [
{ label: "San José del Cabo", href: "#" },
{ label: "Cabo San Lucas", href: "#" },
{ label: "Todos Santos", href: "#" },
{ label: "La Paz", href: "#" }
]
},
{
title: "Contact", items: [
{ label: "WhatsApp", href: "https://wa.me/526241234567" },
{ label: "Phone: +52 624 123 4567", href: "tel:+526241234567" }
]
}
]}
bottomLeftText="© 2024 Rocantera Piedra Natural."
bottomRightText="Luxury Stone Cabo"
/>
</div>
</ReactLenis>
</ThemeProvider>
);