312 lines
14 KiB
TypeScript
312 lines
14 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
|
|
import HeroBillboardDashboard from "@/components/sections/hero/HeroBillboardDashboard";
|
|
import InlineImageSplitTextAbout from "@/components/sections/about/InlineImageSplitTextAbout";
|
|
import FeatureCardNine from "@/components/sections/feature/FeatureCardNine";
|
|
import ProductCardFour from "@/components/sections/product/ProductCardFour";
|
|
import TestimonialCardSixteen from "@/components/sections/testimonial/TestimonialCardSixteen";
|
|
import MetricCardTwo from "@/components/sections/metrics/MetricCardTwo";
|
|
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
|
|
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
|
|
import { Award, Heart, Sparkles, Hammer, Palette, MapPin, CheckCircle, Trophy, Images } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-magnetic"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="rounded"
|
|
contentWidth="mediumLarge"
|
|
sizing="largeSmallSizeLargeTitles"
|
|
background="noiseDiagonalGradient"
|
|
cardStyle="inset"
|
|
primaryButtonStyle="diagonal-gradient"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="bold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{ name: "Home", id: "hero" },
|
|
{ name: "Services", id: "services" },
|
|
{ name: "Gallery", id: "portfolio" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Contact", id: "contact" },
|
|
]}
|
|
brandName="Eternal Stone"
|
|
bottomLeftText="Honoring Legacies Since 1985"
|
|
bottomRightText="hello@eternalstone.com"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardDashboard
|
|
title="Honoring Lives with Timeless Memorials"
|
|
description="Crafting lasting tributes that preserve memories for generations. Expert stonework, compassionate service, and uncompromising quality."
|
|
tag="Professional Memorial Services"
|
|
tagIcon={Heart}
|
|
tagAnimation="slide-up"
|
|
buttons={[
|
|
{ text: "Design Your Memorial", href: "#contact" },
|
|
{ text: "View Our Gallery", href: "#portfolio" },
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
background={{ variant: "radial-gradient" }}
|
|
dashboard={{
|
|
title: "Memorial Excellence", logoIcon: Award,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-gravestone-with-blurred-background-daytime_181624-29422.jpg?_wi=1", searchPlaceholder: "Search memorial styles", sidebarItems: [
|
|
{ icon: Hammer, active: true },
|
|
{ icon: Palette },
|
|
{ icon: MapPin },
|
|
],
|
|
buttons: [
|
|
{ text: "Consultation", href: "#contact" },
|
|
{ text: "View Designs", href: "#portfolio" },
|
|
],
|
|
stats: [
|
|
{
|
|
title: "Families Served", values: [850, 1200, 1580],
|
|
description: "Trusted by families nationwide"
|
|
},
|
|
{
|
|
title: "Years Experience", values: [25, 35, 39],
|
|
valueSuffix: "+", description: "Decades of craftsmanship"
|
|
},
|
|
{
|
|
title: "Quality Rating", values: [95, 97, 99],
|
|
valueSuffix: "%", description: "Customer satisfaction"
|
|
},
|
|
],
|
|
chartTitle: "Memorial Craftsmanship", chartData: [
|
|
{ value: 85 },
|
|
{ value: 90 },
|
|
{ value: 88 },
|
|
{ value: 92 },
|
|
{ value: 89 },
|
|
],
|
|
listTitle: "Recent Tributes", listItems: [
|
|
{
|
|
icon: CheckCircle,
|
|
title: "Custom Stone Design", status: "Completed"
|
|
},
|
|
{
|
|
icon: Award,
|
|
title: "Professional Installation", status: "Completed"
|
|
},
|
|
{
|
|
icon: Heart,
|
|
title: "Family Blessing", status: "Completed"
|
|
},
|
|
],
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<InlineImageSplitTextAbout
|
|
heading={[
|
|
{ type: "text", content: "Preserving" },
|
|
{ type: "text", content: "Memories with" },
|
|
{ type: "text", content: "Timeless Artistry" },
|
|
]}
|
|
useInvertedBackground={false}
|
|
buttons={[
|
|
{ text: "Learn Our Story", href: "#" },
|
|
{ text: "Schedule Consultation", href: "#contact" },
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardNine
|
|
title="Our Memorial Services"
|
|
description="Comprehensive solutions for every stage of your memorial journey"
|
|
tag="Services"
|
|
tagIcon={Sparkles}
|
|
tagAnimation="slide-up"
|
|
features={[
|
|
{
|
|
id: 1,
|
|
title: "Custom Design Consultation", description: "Work with our expert designers to create a memorial that perfectly captures your loved one's legacy and your family's vision.", phoneOne: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/people-discussing-business-department-meeting_1098-20238.jpg?_wi=1"
|
|
},
|
|
phoneTwo: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/people-discussing-business-department-meeting_1098-20238.jpg?_wi=2"
|
|
},
|
|
buttons: [{ text: "Start Design", href: "#contact" }],
|
|
},
|
|
{
|
|
id: 2,
|
|
title: "Expert Stone Carving & Engraving", description: "Our master craftspeople employ traditional techniques combined with modern precision to create intricate engravings and personalized details.", phoneOne: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/man-working-retail-clothing-shop_53876-20984.jpg?_wi=1"
|
|
},
|
|
phoneTwo: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/man-working-retail-clothing-shop_53876-20984.jpg?_wi=2"
|
|
},
|
|
buttons: [{ text: "View Designs", href: "#portfolio" }],
|
|
},
|
|
{
|
|
id: 3,
|
|
title: "Professional Installation", description: "From delivery to installation, we handle every detail with care and professionalism, ensuring your memorial is positioned with dignity.", phoneOne: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/graveyard-background-concept_23-2149585151.jpg?_wi=1"
|
|
},
|
|
phoneTwo: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/graveyard-background-concept_23-2149585151.jpg?_wi=2"
|
|
},
|
|
buttons: [{ text: "Learn More", href: "#" }],
|
|
},
|
|
]}
|
|
showStepNumbers={true}
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="portfolio" data-section="portfolio">
|
|
<ProductCardFour
|
|
title="Memorial Gallery"
|
|
description="Discover examples of our finest memorials and tributes"
|
|
tag="Our Work"
|
|
tagIcon={Images}
|
|
tagAnimation="slide-up"
|
|
products={[
|
|
{
|
|
id: "1", name: "Classic Family Monument", price: "Starting at $3,500", variant: "Black Granite | Multiple Sizes", imageSrc: "http://img.b2bpic.net/free-photo/arlington-national-cemetery_181624-26883.jpg", imageAlt: "Classic family gravestone monument"
|
|
},
|
|
{
|
|
id: "2", name: "Elegant Companion Memorial", price: "Starting at $2,800", variant: "Rose Granite | Dual Spaces", imageSrc: "http://img.b2bpic.net/free-photo/street-lamp-park-with-trees-background_91008-480.jpg", imageAlt: "Elegant companion memorial stone"
|
|
},
|
|
{
|
|
id: "3", name: "Custom Personalized Tribute", price: "Starting at $4,200", variant: "Premium Granite | Custom Engraving", imageSrc: "http://img.b2bpic.net/free-photo/view-graves-cemetery_23-2149435521.jpg", imageAlt: "Custom personalized gravestone"
|
|
},
|
|
]}
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSixteen
|
|
title="Honored by Families We Serve"
|
|
description="Real testimonials from families who trusted us with their most precious memories"
|
|
tag="Client Stories"
|
|
tagIcon={Heart}
|
|
tagAnimation="slide-up"
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Margaret Johnson", role: "Daughter", company: "Johnson Family", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=1", imageAlt: "Margaret Johnson portrait"
|
|
},
|
|
{
|
|
id: "2", name: "Robert Chen", role: "Son", company: "Chen Family", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=2", imageAlt: "Robert Chen portrait"
|
|
},
|
|
{
|
|
id: "3", name: "Sarah Williams", role: "Granddaughter", company: "Williams Family", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=3", imageAlt: "Sarah Williams portrait"
|
|
},
|
|
{
|
|
id: "4", name: "David Martinez", role: "Spouse", company: "Martinez Family", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=4", imageAlt: "David Martinez portrait"
|
|
},
|
|
]}
|
|
kpiItems={[
|
|
{ value: "1,580+", label: "Memorials Created" },
|
|
{ value: "39", label: "Years of Excellence" },
|
|
{ value: "99%", label: "Family Satisfaction" },
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardTwo
|
|
title="Why Eternal Stone"
|
|
description="Industry-leading standards and family-centered values"
|
|
tag="Commitments"
|
|
tagIcon={Trophy}
|
|
tagAnimation="slide-up"
|
|
metrics={[
|
|
{ id: "1", value: "39+", description: "Years of Experience" },
|
|
{ id: "2", value: "1,580+", description: "Families Served" },
|
|
{ id: "3", value: "99%", description: "Satisfaction Rate" },
|
|
]}
|
|
gridVariant="uniform-all-items-equal"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplitForm
|
|
title="Begin Your Memorial Journey"
|
|
description="Share your vision with us. Our compassionate team will guide you through every step of creating a meaningful tribute to honor your loved one's memory."
|
|
inputs={[
|
|
{
|
|
name: "fullName", type: "text", placeholder: "Full Name", required: true,
|
|
},
|
|
{
|
|
name: "email", type: "email", placeholder: "Email Address", required: true,
|
|
},
|
|
{
|
|
name: "phone", type: "tel", placeholder: "Phone Number", required: false,
|
|
},
|
|
{
|
|
name: "cemetery", type: "text", placeholder: "Cemetery Location", required: false,
|
|
},
|
|
]}
|
|
textarea={{
|
|
name: "message", placeholder: "Tell us about your memorial vision and any special requests...", rows: 6,
|
|
required: true,
|
|
}}
|
|
useInvertedBackground={false}
|
|
imageSrc="http://img.b2bpic.net/free-photo/closeup-shot-gravestone-with-blurred-background-daytime_181624-29422.jpg?_wi=2"
|
|
mediaAnimation="slide-up"
|
|
mediaPosition="right"
|
|
buttonText="Plan My Memorial"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseReveal
|
|
columns={[
|
|
{
|
|
title: "Services", items: [
|
|
{ label: "Monument Design", href: "#services" },
|
|
{ label: "Custom Engraving", href: "#services" },
|
|
{ label: "Installation", href: "#services" },
|
|
{ label: "Maintenance", href: "#" },
|
|
],
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{ label: "About Us", href: "#about" },
|
|
{ label: "Our Gallery", href: "#portfolio" },
|
|
{ label: "Testimonials", href: "#testimonials" },
|
|
{ label: "Contact", href: "#contact" },
|
|
],
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Terms of Service", href: "#" },
|
|
{ label: "Warranty Information", href: "#" },
|
|
],
|
|
},
|
|
]}
|
|
copyrightText="© 2025 Eternal Stone Memorials | Honoring Legacies Since 1985"
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|