Update src/app/gallery/page.tsx
This commit is contained in:
@@ -2,12 +2,12 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function GalleryPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="directional-hover"
|
||||
@@ -22,253 +22,97 @@ export default function LandingPage() {
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "/services",
|
||||
},
|
||||
{
|
||||
name: "Gallery",
|
||||
id: "/gallery",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
]}
|
||||
button={{
|
||||
text: "Get a Free Quote",
|
||||
href: "/contact",
|
||||
}}
|
||||
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EsInlEOoSiMI8mFEzeygc6zaoo/uploaded-1780963238289-ovhlz3j6.png"
|
||||
logoAlt="FloorCraft Logo"
|
||||
brandName="FloorCraft"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "Gallery", id: "/gallery" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
button={{ text: "Get a Free Quote", href: "/contact" }}
|
||||
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EsInlEOoSiMI8mFEzeygc6zaoo/uploaded-1780963238289-ovhlz3j6.png"
|
||||
logoAlt="FloorCraft Logo"
|
||||
brandName="FloorCraft"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="project-gallery" data-section="project-gallery">
|
||||
<ProductCardTwo
|
||||
animationType="scale-rotate"
|
||||
textboxLayout="default"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
carouselMode="buttons"
|
||||
products={[
|
||||
{
|
||||
id: "project-1",
|
||||
brand: "Hardwood",
|
||||
name: "Modern Kitchen Refinish",
|
||||
price: "",
|
||||
rating: 5,
|
||||
reviewCount: "25",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EsInlEOoSiMI8mFEzeygc6zaoo/uploaded-1780963238290-d9zo6f2r.png?_wi=4",
|
||||
imageAlt: "Modern kitchen with newly refinished hardwood floors",
|
||||
},
|
||||
{
|
||||
id: "project-2",
|
||||
brand: "Custom",
|
||||
name: "Geometric Entryway Design",
|
||||
price: "",
|
||||
rating: 5,
|
||||
reviewCount: "18",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EsInlEOoSiMI8mFEzeygc6zaoo/uploaded-1780963238290-vzc55io2.png?_wi=3",
|
||||
imageAlt: "Intricate geometric hardwood floor design in entryway",
|
||||
},
|
||||
{
|
||||
id: "project-3",
|
||||
brand: "Dark Oak",
|
||||
name: "Elegant Living Room Install",
|
||||
price: "",
|
||||
rating: 5,
|
||||
reviewCount: "32",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EsInlEOoSiMI8mFEzeygc6zaoo/uploaded-1780963238290-9c8uuc2l.png",
|
||||
imageAlt: "Worker installing dark oak hardwood floors in living room",
|
||||
},
|
||||
{
|
||||
id: "project-4",
|
||||
brand: "Natural Oak",
|
||||
name: "Bright Office Space",
|
||||
price: "",
|
||||
rating: 5,
|
||||
reviewCount: "15",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-styled-small-entryway_23-2150713043.jpg",
|
||||
imageAlt: "Bright office space with newly installed natural oak flooring",
|
||||
},
|
||||
{
|
||||
id: "project-5",
|
||||
brand: "Mahogany",
|
||||
name: "Classic Dining Area",
|
||||
price: "",
|
||||
rating: 5,
|
||||
reviewCount: "20",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/composition-with-flashlight-useful-travel-items_23-2147604698.jpg",
|
||||
imageAlt: "Classic dining area with rich mahogany hardwood floors",
|
||||
},
|
||||
{
|
||||
id: "project-6",
|
||||
brand: "Maple",
|
||||
name: "Spacious Bedroom",
|
||||
price: "",
|
||||
rating: 5,
|
||||
reviewCount: "10",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-healthy-woman-bathrobe-indoors_1153-6373.jpg",
|
||||
imageAlt: "Spacious bedroom with light maple hardwood flooring",
|
||||
},
|
||||
]}
|
||||
title="Our Gallery: Crafting Beautiful Floors"
|
||||
description="Explore a selection of our finest flooring projects. Each image tells a story of dedication, precision, and the lasting beauty FloorCraft brings to every home."
|
||||
/>
|
||||
</div>
|
||||
<div id="project-gallery" data-section="project-gallery">
|
||||
<ProductCardTwo
|
||||
animationType="scale-rotate"
|
||||
textboxLayout="default"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
carouselMode="buttons"
|
||||
products={[
|
||||
{ id: "project-1", brand: "Hardwood", name: "Modern Kitchen Refinish", price: "", rating: 5, reviewCount: "25", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EsInlEOoSiMI8mFEzeygc6zaoo/uploaded-1780963238290-d9zo6f2r.png", imageAlt: "Modern kitchen with newly refinished hardwood floors" },
|
||||
{ id: "project-2", brand: "Custom", name: "Geometric Entryway Design", price: "", rating: 5, reviewCount: "18", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EsInlEOoSiMI8mFEzeygc6zaoo/uploaded-1780963238290-vzc55io2.png", imageAlt: "Intricate geometric hardwood floor design in entryway" },
|
||||
{ id: "project-3", brand: "Dark Oak", name: "Elegant Living Room Install", price: "", rating: 5, reviewCount: "32", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EsInlEOoSiMI8mFEzeygc6zaoo/uploaded-1780963238290-9c8uuc2l.png", imageAlt: "Worker installing dark oak hardwood floors in living room" },
|
||||
{ id: "project-4", brand: "Natural Oak", name: "Bright Office Space", price: "", rating: 5, reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/modern-styled-small-entryway_23-2150713043.jpg", imageAlt: "Bright office space with newly installed natural oak flooring" },
|
||||
{ id: "project-5", brand: "Mahogany", name: "Classic Dining Area", price: "", rating: 5, reviewCount: "20", imageSrc: "http://img.b2bpic.net/free-photo/composition-with-flashlight-useful-travel-items_23-2147604698.jpg", imageAlt: "Classic dining area with rich mahogany hardwood floors" },
|
||||
{ id: "project-6", brand: "Maple", name: "Spacious Bedroom", price: "", rating: 5, reviewCount: "10", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-healthy-woman-bathrobe-indoors_1153-6373.jpg", imageAlt: "Spacious bedroom with light maple hardwood flooring" }
|
||||
]}
|
||||
title="Our Gallery: Crafting Beautiful Floors"
|
||||
description="Explore a selection of our finest flooring projects. Each image tells a story of dedication, precision, and the lasting beauty FloorCraft brings to every home."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="gallery-testimonials" data-section="gallery-testimonials">
|
||||
<TestimonialCardSixteen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "g-1",
|
||||
name: "Olivia Wilson",
|
||||
role: "Home Remodeler",
|
||||
company: "Alpharetta, GA",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-man-choosing-color_23-2148903521.jpg",
|
||||
imageAlt: "Olivia Wilson",
|
||||
},
|
||||
{
|
||||
id: "g-2",
|
||||
name: "Liam Brown",
|
||||
role: "Residential Client",
|
||||
company: "Roswell, GA",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13338.jpg",
|
||||
imageAlt: "Liam Brown",
|
||||
},
|
||||
{
|
||||
id: "g-3",
|
||||
name: "Ava Garcia",
|
||||
role: "Custom Home Builder",
|
||||
company: "Atlanta, GA",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-happy-man-posing_23-2148563434.jpg",
|
||||
imageAlt: "Ava Garcia",
|
||||
},
|
||||
{
|
||||
id: "g-4",
|
||||
name: "Noah Miller",
|
||||
role: "Property Investor",
|
||||
company: "Sandy Springs, GA",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/expressive-young-girl-posing-studio_176474-68234.jpg",
|
||||
imageAlt: "Noah Miller",
|
||||
},
|
||||
{
|
||||
id: "g-5",
|
||||
name: "Sophia Davis",
|
||||
role: "Homeowner",
|
||||
company: "Johns Creek, GA",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-relaxed-mature-business-man-standing-office-cafe-leaning-counter-holding-jacket-shoulder-smiling-camera_74855-10028.jpg",
|
||||
imageAlt: "Sophia Davis",
|
||||
},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "Flawless",
|
||||
label: "Finishes",
|
||||
},
|
||||
{
|
||||
value: "Artistry",
|
||||
label: "in Every Plank",
|
||||
},
|
||||
{
|
||||
value: "Happy",
|
||||
label: "Homes",
|
||||
},
|
||||
]}
|
||||
title="Hear From Homeowners We've Transformed"
|
||||
description="See why families trust FloorCraft for their most cherished spaces. Our gallery showcases not just floors, but homes brought to life."
|
||||
/>
|
||||
</div>
|
||||
<div id="gallery-testimonials" data-section="gallery-testimonials">
|
||||
<TestimonialCardSixteen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{ id: "g-1", name: "Olivia Wilson", role: "Home Remodeler", company: "Alpharetta, GA", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-man-choosing-color_23-2148903521.jpg", imageAlt: "Olivia Wilson" },
|
||||
{ id: "g-2", name: "Liam Brown", role: "Residential Client", company: "Roswell, GA", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13338.jpg", imageAlt: "Liam Brown" },
|
||||
{ id: "g-3", name: "Ava Garcia", role: "Custom Home Builder", company: "Atlanta, GA", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-happy-man-posing_23-2148563434.jpg", imageAlt: "Ava Garcia" },
|
||||
{ id: "g-4", name: "Noah Miller", role: "Property Investor", company: "Sandy Springs, GA", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/expressive-young-girl-posing-studio_176474-68234.jpg", imageAlt: "Noah Miller" },
|
||||
{ id: "g-5", name: "Sophia Davis", role: "Homeowner", company: "Johns Creek, GA", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-relaxed-mature-business-man-standing-office-cafe-leaning-counter-holding-jacket-shoulder-smiling-camera_74855-10028.jpg", imageAlt: "Sophia Davis" }
|
||||
]}
|
||||
kpiItems={[
|
||||
{ value: "Flawless", label: "Finishes" },
|
||||
{ value: "Artistry", label: "in Every Plank" },
|
||||
{ value: "Happy", label: "Homes" }
|
||||
]}
|
||||
title="Hear From Homeowners We've Transformed"
|
||||
description="See why families trust FloorCraft for their most cherished spaces. Our gallery showcases not just floors, but homes brought to life."
|
||||
animationType="depth-3d"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "/",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "/services",
|
||||
},
|
||||
{
|
||||
label: "Gallery",
|
||||
href: "/gallery",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Hardwood Installation",
|
||||
href: "/services#hardwood-installation",
|
||||
},
|
||||
{
|
||||
label: "Floor Sanding",
|
||||
href: "/services#floor-sanding",
|
||||
},
|
||||
{
|
||||
label: "Free Estimates",
|
||||
href: "/services#free-estimates",
|
||||
},
|
||||
{
|
||||
label: "Custom Designs",
|
||||
href: "/services#custom-designs",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "About Us",
|
||||
items: [
|
||||
{
|
||||
label: "Our Story",
|
||||
href: "/#about",
|
||||
},
|
||||
{
|
||||
label: "Testimonials",
|
||||
href: "/#home-testimonials",
|
||||
},
|
||||
{
|
||||
label: "Service Areas",
|
||||
href: "/services#service-areas",
|
||||
},
|
||||
{
|
||||
label: "FAQs",
|
||||
href: "/contact#faq",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EsInlEOoSiMI8mFEzeygc6zaoo/uploaded-1780963238289-ovhlz3j6.png"
|
||||
logoAlt="FloorCraft Logo"
|
||||
logoText="FloorCraft"
|
||||
copyrightText="© 2024 FloorCraft. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation", items: [
|
||||
{ label: "Home", href: "/" },
|
||||
{ label: "Services", href: "/services" },
|
||||
{ label: "Gallery", href: "/gallery" },
|
||||
{ label: "Contact", href: "/contact" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Services", items: [
|
||||
{ label: "Hardwood Installation", href: "/services#hardwood-installation" },
|
||||
{ label: "Floor Sanding", href: "/services#floor-sanding" },
|
||||
{ label: "Free Estimates", href: "/services#free-estimates" },
|
||||
{ label: "Custom Designs", href: "/services#custom-designs" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "About Us", items: [
|
||||
{ label: "Our Story", href: "/#about" },
|
||||
{ label: "Testimonials", href: "/#home-testimonials" },
|
||||
{ label: "Service Areas", href: "/services#service-areas" },
|
||||
{ label: "FAQs", href: "/contact#faq" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EsInlEOoSiMI8mFEzeygc6zaoo/uploaded-1780963238289-ovhlz3j6.png"
|
||||
logoAlt="FloorCraft Logo"
|
||||
logoText="FloorCraft"
|
||||
copyrightText="© 2024 FloorCraft. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user