Merge version_1 into main #2
261
src/app/page.tsx
261
src/app/page.tsx
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user