Update src/app/page.tsx
This commit is contained in:
@@ -2,7 +2,7 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import AboutMetric from '@/components/sections/about/AboutMetric';
|
||||
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
@@ -11,7 +11,9 @@ import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
|
||||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||||
import { Award, Clock, Droplet, Gauge, Phone, Search, Sparkles, Star, Users, Waves, Wrench } from "lucide-react";
|
||||
import FeatureBento from '@/components/sections/feature/FeatureBento';
|
||||
|
||||
import { Award, Clock, Droplet, Gauge, Phone, Search, Sparkles, Star, Users, Waves, Wrench, MapPin, CalendarDays, ShoppingCart } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -32,13 +34,19 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "#home"},
|
||||
name: "Home", id: "/"},
|
||||
{
|
||||
name: "Services", id: "#services"},
|
||||
name: "About Us", id: "/about"},
|
||||
{
|
||||
name: "Reviews", id: "#reviews"},
|
||||
name: "Services", id: "/#services"},
|
||||
{
|
||||
name: "Contact", id: "#contact"},
|
||||
name: "Reviews", id: "/#reviews"},
|
||||
{
|
||||
name: "Order Online", id: "/order-online"},
|
||||
{
|
||||
name: "Reservations", id: "/reservations"},
|
||||
{
|
||||
name: "Contact", id: "/#contact"},
|
||||
]}
|
||||
logoSrc="http://img.b2bpic.net/free-vector/hand-drawn-evil-eye-icon_23-2150148629.jpg"
|
||||
logoAlt="Omega Plumbing & Drain logo"
|
||||
@@ -73,7 +81,11 @@ export default function LandingPage() {
|
||||
{
|
||||
text: "Call Now: 210-618-2887", href: "tel:210-618-2887"},
|
||||
{
|
||||
text: "Request Service", href: "#contact"},
|
||||
text: "Request Service", href: "/#contact"},
|
||||
{
|
||||
text: "Order Online", href: "/order-online"},
|
||||
{
|
||||
text: "Make a Reservation", href: "/reservations"},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
@@ -96,25 +108,6 @@ export default function LandingPage() {
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={false}
|
||||
title="About Omega Plumbing & Drain"
|
||||
metrics={[
|
||||
{
|
||||
icon: Gauge,
|
||||
label: "Years in Service", value: "15+"},
|
||||
{
|
||||
icon: Users,
|
||||
label: "Licensed Plumbers", value: "20+"},
|
||||
{
|
||||
icon: Star,
|
||||
label: "Customer Rating", value: "4.9/5"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="trust-elements" data-section="trust-elements">
|
||||
<MetricCardThree
|
||||
animationType="slide-up"
|
||||
@@ -215,9 +208,26 @@ export default function LandingPage() {
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="location-hours" data-section="location-hours">
|
||||
<FeatureBento
|
||||
animationType="blur-reveal"
|
||||
title="Visit Us or Check Our Hours"
|
||||
description="Find us easily and know when we're available. We're dedicated to serving the San Antonio community with reliable plumbing solutions."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Our Location", description: "123 Plumbing Way, San Antonio, TX 78205", bentoComponent: "map"},
|
||||
{
|
||||
title: "Business Hours", description: "Monday - Friday: 8:00 AM - 5:00 PM\nSaturday: 9:00 AM - 1:00 PM\nSunday: Closed\n24/7 Emergency Service Available!", bentoComponent: "reveal-icon", icon: Clock,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient"}}
|
||||
tag="Contact Us"
|
||||
@@ -227,7 +237,11 @@ export default function LandingPage() {
|
||||
{
|
||||
text: "Call Now: 210-618-2887", href: "tel:210-618-2887"},
|
||||
{
|
||||
text: "Request a Service", href: "mailto:info@omegaplumbingdrain.com"},
|
||||
text: "Request Service", href: "mailto:info@omegaplumbingdrain.com"},
|
||||
{
|
||||
text: "Order Online", href: "/order-online"},
|
||||
{
|
||||
text: "Make a Reservation", href: "/reservations"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -243,25 +257,25 @@ export default function LandingPage() {
|
||||
{
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Emergency Plumbing", href: "#services"},
|
||||
label: "Emergency Plumbing", href: "/#services"},
|
||||
{
|
||||
label: "Leak Detection", href: "#services"},
|
||||
label: "Leak Detection", href: "/#services"},
|
||||
{
|
||||
label: "Drain Cleaning", href: "#services"},
|
||||
label: "Drain Cleaning", href: "/#services"},
|
||||
{
|
||||
label: "Water Main Repair", href: "#services"},
|
||||
label: "Water Main Repair", href: "/#services"},
|
||||
{
|
||||
label: "Hydro Jetting", href: "#services"},
|
||||
label: "Hydro Jetting", href: "/#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us", href: "#about"},
|
||||
label: "About Us", href: "/about"},
|
||||
{
|
||||
label: "Testimonials", href: "#reviews"},
|
||||
label: "Testimonials", href: "/#reviews"},
|
||||
{
|
||||
label: "Contact", href: "#contact"},
|
||||
label: "Contact", href: "/#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
|
||||
Reference in New Issue
Block a user