Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-04-05 04:53:22 +00:00

View File

@@ -30,22 +30,10 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "Gallery",
id: "gallery",
},
{
name: "Services",
id: "services",
},
{
name: "Contact",
id: "contact",
},
{ name: "Home", id: "hero" },
{ name: "Gallery", id: "gallery" },
{ name: "Services", id: "services" },
{ name: "Contact", id: "contact" },
]}
brandName="LiquidFloors Luxury"
/>
@@ -53,31 +41,13 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplitDualMedia
background="sparkles-gradient"
background={{ variant: "sparkles-gradient" }}
title="Immerse Yourself in Liquid Luxury."
description="Transform your space with bespoke 3D epoxy resin floors. Seamless, reflective, and completely unique artistry beneath your feet."
tag="PREMIUM 3D FLOORING SOLUTIONS"
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/traditional-turkish-cotton-candies-plate-blue-table_114579-90282.jpg",
imageAlt: "Liquid Luxury Epoxy Floor 1",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-orange-paint-green-background_23-2148292548.jpg",
imageAlt: "Liquid Luxury Epoxy Floor 2",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/grey-texture-background-floor_23-2148210327.jpg?_wi=1",
imageAlt: "Polished Metallic Epoxy Finish",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/multi-colored-psychedelic-background_23-2148805328.jpg?_wi=1",
imageAlt: "Custom 3D Immersive Resin Art",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/black-white-marble_23-2148978388.jpg?_wi=1",
imageAlt: "Seamless Modern Marble Epoxy",
},
{ imageSrc: "http://img.b2bpic.net/free-photo/traditional-turkish-cotton-candies-plate-blue-table_114579-90282.jpg", imageAlt: "Liquid Luxury Epoxy Floor 1" },
{ imageSrc: "http://img.b2bpic.net/free-photo/high-angle-orange-paint-green-background_23-2148292548.jpg", imageAlt: "Liquid Luxury Epoxy Floor 2" }
]}
mediaAnimation="blur-reveal"
rating={5}
@@ -90,21 +60,9 @@ export default function LandingPage() {
useInvertedBackground={true}
title="Why Choose LiquidFloors?"
metrics={[
{
icon: Award,
label: "Projects Completed",
value: "1,200+",
},
{
icon: ShieldCheck,
label: "Durability Guaranteed",
value: "20 Years",
},
{
icon: Droplets,
label: "Resin Purity Grade",
value: "99.9%",
},
{ icon: Award, label: "Projects Completed", value: "1,200+" },
{ icon: ShieldCheck, label: "Durability Guaranteed", value: "20 Years" },
{ icon: Droplets, label: "Resin Purity Grade", value: "99.9%" }
]}
metricsAnimation="slide-up"
/>
@@ -116,33 +74,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
features={[
{
id: "1",
title: "Metallic Epoxy",
tags: [
"High Gloss",
"Industrial Luxury",
],
imageSrc: "http://img.b2bpic.net/free-photo/grey-texture-background-floor_23-2148210327.jpg?_wi=2",
},
{
id: "2",
title: "3D Floor Art",
tags: [
"Custom Design",
"Immersive",
],
imageSrc: "http://img.b2bpic.net/free-photo/multi-colored-psychedelic-background_23-2148805328.jpg?_wi=2",
},
{
id: "3",
title: "Solid Color Resin",
tags: [
"Seamless",
"Durable",
],
imageSrc: "http://img.b2bpic.net/free-photo/black-white-marble_23-2148978388.jpg?_wi=2",
},
{ id: "1", title: "Metallic Epoxy", tags: ["High Gloss", "Industrial Luxury"], imageSrc: "http://img.b2bpic.net/free-photo/grey-texture-background-floor_23-2148210327.jpg" },
{ id: "2", title: "3D Floor Art", tags: ["Custom Design", "Immersive"], imageSrc: "http://img.b2bpic.net/free-photo/multi-colored-psychedelic-background_23-2148805328.jpg" },
{ id: "3", title: "Solid Color Resin", tags: ["Seamless", "Durable"], imageSrc: "http://img.b2bpic.net/free-photo/black-white-marble_23-2148978388.jpg" }
]}
title="Our Specialized Coatings"
description="Tailored epoxy solutions for residential luxury and commercial elegance."
@@ -154,61 +88,11 @@ export default function LandingPage() {
textboxLayout="split-description"
gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={true}
animationType="blur-reveal"
products={[
{
id: "p1",
brand: "Luxury",
name: "Blue Swirl Living",
price: "Custom",
rating: 5,
reviewCount: "12",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-watercolor-bottles_23-2148612681.jpg",
},
{
id: "p2",
brand: "Modern",
name: "Metallic Copper Entry",
price: "Custom",
rating: 5,
reviewCount: "8",
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-natural-marble-texture_23-2149091276.jpg",
},
{
id: "p3",
brand: "Luxury",
name: "Emerald River Kitchen",
price: "Custom",
rating: 5,
reviewCount: "15",
imageSrc: "http://img.b2bpic.net/free-photo/woman-s-hand-dissolving-mold-paper-pulp-making-paper_23-2147845487.jpg",
},
{
id: "p4",
brand: "Classic",
name: "Black & White Marble",
price: "Custom",
rating: 5,
reviewCount: "10",
imageSrc: "http://img.b2bpic.net/free-photo/palette-with-watercolors-watercolor-paints-closeup_169016-62923.jpg",
},
{
id: "p5",
brand: "Luxury",
name: "Liquid Gold Hallway",
price: "Custom",
rating: 5,
reviewCount: "9",
imageSrc: "http://img.b2bpic.net/free-photo/golden-dye-dirty-water_23-2147798169.jpg",
},
{
id: "p6",
brand: "Oceanic",
name: "Deep Ocean Depth",
price: "Custom",
rating: 5,
reviewCount: "7",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-female-s-hand-stirring-paper-pulp-tray-wooden-desk_23-2147845532.jpg",
},
{ id: "p1", brand: "Luxury", name: "Blue Swirl Living", price: "Custom", rating: 5, reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-watercolor-bottles_23-2148612681.jpg" },
{ id: "p2", brand: "Modern", name: "Metallic Copper Entry", price: "Custom", rating: 5, reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-natural-marble-texture_23-2149091276.jpg" },
{ id: "p3", brand: "Luxury", name: "Emerald River Kitchen", price: "Custom", rating: 5, reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/woman-s-hand-dissolving-mold-paper-pulp-making-paper_23-2147845487.jpg" }
]}
title="Project Gallery"
description="Browse our latest high-end resin transformations."
@@ -222,46 +106,8 @@ export default function LandingPage() {
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Sarah J.",
role: "Owner",
company: "Villa Modern",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-painting-floor_23-2148263360.jpg",
},
{
id: "2",
name: "Michael R.",
role: "Architect",
company: "Innovate Designs",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/underground-parking-lot_1112-927.jpg",
},
{
id: "3",
name: "Elena D.",
role: "Owner",
company: "Dream Home",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/pregnant-woman-standing-with-daughter-by-window_1303-12896.jpg",
},
{
id: "4",
name: "David K.",
role: "Founder",
company: "Boutique Style",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/clothing-store-worker-helping-woman-choose-from-stylish-selection-clothes_482257-109184.jpg",
},
{
id: "5",
name: "Sophia L.",
role: "Designer",
company: "Luxury Interiors",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/luxurious-lifestyle-rich-woman_52683-97509.jpg",
},
{ id: "1", name: "Sarah J.", role: "Owner", company: "Villa Modern", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-painting-floor_23-2148263360.jpg" },
{ id: "2", name: "Michael R.", role: "Architect", company: "Innovate Designs", rating: 5, imageSrc: "http://img.b2bpic.net/underground-parking-lot_1112-927.jpg" }
]}
title="Client Experiences"
description="What our premium clients have to say about their new floors."
@@ -274,30 +120,11 @@ export default function LandingPage() {
title="Request Your Quote"
description="Tell us about your project and we'll create a vision for your space."
inputs={[
{
name: "name",
type: "text",
placeholder: "Your Name",
required: true,
},
{
name: "email",
type: "email",
placeholder: "Your Email",
required: true,
},
{
name: "sqft",
type: "number",
placeholder: "Approx. Square Footage",
required: true,
},
{ name: "name", type: "text", placeholder: "Your Name", required: true },
{ name: "email", type: "email", placeholder: "Your Email", required: true },
{ name: "sqft", type: "number", placeholder: "Approx. Square Footage", required: true }
]}
textarea={{
name: "message",
placeholder: "Tell us about your flooring vision...",
required: true,
}}
textarea={{ name: "message", placeholder: "Tell us about your flooring vision...", required: true }}
imageSrc="http://img.b2bpic.net/free-photo/nail-polish-texture_23-2148111269.jpg"
mediaPosition="right"
/>
@@ -307,45 +134,9 @@ export default function LandingPage() {
<FooterBaseReveal
logoText="LiquidFloors"
columns={[
{
title: "Company",
items: [
{
label: "About Us",
href: "#",
},
{
label: "Projects",
href: "#",
},
],
},
{
title: "Resources",
items: [
{
label: "Epoxy Guide",
href: "#",
},
{
label: "Care Tips",
href: "#",
},
],
},
{
title: "Legal",
items: [
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms of Service",
href: "#",
},
],
},
{ title: "Company", items: [{ label: "About Us", href: "#" }, { label: "Projects", href: "#" }] },
{ title: "Resources", items: [{ label: "Epoxy Guide", href: "#" }, { label: "Care Tips", href: "#" }] },
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }
]}
/>
</div>