Merge version_2 into main #2
219
src/app/page.tsx
219
src/app/page.tsx
@@ -6,7 +6,7 @@ import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
|
||||
import HeroSplit from '@/components/sections/hero/HeroSplit';
|
||||
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
||||
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
@@ -32,102 +32,30 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Daphne's Pet Grooming"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlayTestimonial
|
||||
<HeroSplit
|
||||
title="Daphne's Pet Grooming & Boarding"
|
||||
description="Where Every Pet Gets the Royal Treatment in the heart of Memphis."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah Miller",
|
||||
handle: "@sarah_m",
|
||||
testimonial: "Daphne's is the only place I trust with my pup. Fantastic service!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-adorable-beagle-near-fireplace_23-2151793724.jpg?_wi=1",
|
||||
imageAlt: "happy groomed golden retriever smiling",
|
||||
},
|
||||
{
|
||||
name: "John Doe",
|
||||
handle: "@johndoe",
|
||||
testimonial: "Best grooming in Memphis. Affordable and professional.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-girl-posing-with-dog_23-2148861609.jpg",
|
||||
imageAlt: "happy groomed golden retriever smiling",
|
||||
},
|
||||
{
|
||||
name: "Emily Chen",
|
||||
handle: "@emilyc",
|
||||
testimonial: "My dog always leaves looking like a movie star!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-pet-grooming-landing-page_23-2150043311.jpg",
|
||||
imageAlt: "happy groomed golden retriever smiling",
|
||||
},
|
||||
{
|
||||
name: "David Smith",
|
||||
handle: "@dsmith_pets",
|
||||
testimonial: "Top-tier care and friendly staff. Highly recommend!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-girl-couch-with-tablet-dog_23-2148861616.jpg?_wi=1",
|
||||
imageAlt: "happy groomed golden retriever smiling",
|
||||
},
|
||||
{
|
||||
name: "Alice Wong",
|
||||
handle: "@alicewong99",
|
||||
testimonial: "Reliable, kind, and excellent grooming skills.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-pet-owner-smiles-gladfully-dressed-casual-pink-t-shirt-poses-with-pug-dog-going-have-walk-feels-glad-isolated-brown-background-curly-haired-female-model-likes-domestic-animals_273609-60881.jpg?_wi=1",
|
||||
imageAlt: "happy groomed golden retriever smiling",
|
||||
},
|
||||
]}
|
||||
tag="Call us at (901) 452-5000"
|
||||
buttons={[
|
||||
{
|
||||
text: "Book an Appointment",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book an Appointment", href: "#contact"},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-adorable-beagle-near-fireplace_23-2151793724.jpg?_wi=2"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cute-little-dog-pet-shop-with-owner_23-2148872567.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-girl-with-dog_23-2148861621.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/mother-with-daughter-home_1157-18661.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-woman-holding-her-dog_23-2148351277.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-young-man-glasses-sitting-near-cute-small-dog-looking-camera-dog-owner-staring-ha_1258-160684.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
]}
|
||||
imagePosition="right"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -136,14 +64,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Serving Memphis with Heart",
|
||||
},
|
||||
type: "text", content: "Serving Memphis with Heart"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-girl-posing-with-dog_23-2148861609.jpg",
|
||||
alt: "Staff",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-girl-posing-with-dog_23-2148861609.jpg", alt: "Staff"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -156,19 +79,13 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
icon: Scissors,
|
||||
title: "Grooming",
|
||||
description: "Full-service grooming starting at $20.",
|
||||
},
|
||||
title: "Grooming", description: "Full-service grooming starting at $20."},
|
||||
{
|
||||
icon: Home,
|
||||
title: "Boarding",
|
||||
description: "Safe, cozy boarding services for your pet.",
|
||||
},
|
||||
title: "Boarding", description: "Safe, cozy boarding services for your pet."},
|
||||
{
|
||||
icon: Sparkles,
|
||||
title: "Spa Treatment",
|
||||
description: "Extra pampering for the royal treatment.",
|
||||
},
|
||||
title: "Spa Treatment", description: "Extra pampering for the royal treatment."},
|
||||
]}
|
||||
title="Our Royal Services"
|
||||
description="Affordable care for your beloved pets."
|
||||
@@ -182,28 +99,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "weekday",
|
||||
value: "Mon-Fri",
|
||||
title: "Weekdays",
|
||||
items: [
|
||||
"8 AM – 6 PM (Tue/Wed open 9 AM)",
|
||||
],
|
||||
id: "weekday", value: "Mon-Fri", title: "Weekdays", items: [
|
||||
"8 AM – 6 PM (Tue/Wed open 9 AM)"],
|
||||
},
|
||||
{
|
||||
id: "saturday",
|
||||
value: "Sat",
|
||||
title: "Saturdays",
|
||||
items: [
|
||||
"8 AM – 6 PM",
|
||||
],
|
||||
id: "saturday", value: "Sat", title: "Saturdays", items: [
|
||||
"8 AM – 6 PM"],
|
||||
},
|
||||
{
|
||||
id: "sunday",
|
||||
value: "Sun",
|
||||
title: "Sundays",
|
||||
items: [
|
||||
"9 AM – 6 PM",
|
||||
],
|
||||
id: "sunday", value: "Sun", title: "Sundays", items: [
|
||||
"9 AM – 6 PM"],
|
||||
},
|
||||
]}
|
||||
title="Our Hours"
|
||||
@@ -218,40 +123,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Miller",
|
||||
role: "Pet Owner",
|
||||
testimonial: "Best service ever!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-girl-couch-with-tablet-dog_23-2148861616.jpg?_wi=2",
|
||||
},
|
||||
id: "1", name: "Sarah Miller", role: "Pet Owner", testimonial: "Best service ever!", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-girl-couch-with-tablet-dog_23-2148861616.jpg?_wi=2"},
|
||||
{
|
||||
id: "2",
|
||||
name: "John Doe",
|
||||
role: "Pet Owner",
|
||||
testimonial: "Very professional.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-pet-owner-smiles-gladfully-dressed-casual-pink-t-shirt-poses-with-pug-dog-going-have-walk-feels-glad-isolated-brown-background-curly-haired-female-model-likes-domestic-animals_273609-60881.jpg?_wi=2",
|
||||
},
|
||||
id: "2", name: "John Doe", role: "Pet Owner", testimonial: "Very professional.", imageSrc: "http://img.b2bpic.net/free-photo/positive-pet-owner-smiles-gladfully-dressed-casual-pink-t-shirt-poses-with-pug-dog-going-have-walk-feels-glad-isolated-brown-background-curly-haired-female-model-likes-domestic-animals_273609-60881.jpg?_wi=2"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Chen",
|
||||
role: "Pet Owner",
|
||||
testimonial: "My dog is so happy.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-beautiful-golden-retriever-dog-gives-paw-man-smiling-guy-holds-his-pet_1258-314882.jpg",
|
||||
},
|
||||
id: "3", name: "Emily Chen", role: "Pet Owner", testimonial: "My dog is so happy.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-beautiful-golden-retriever-dog-gives-paw-man-smiling-guy-holds-his-pet_1258-314882.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Smith",
|
||||
role: "Pet Owner",
|
||||
testimonial: "Great rates.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-hipster-guy-holding-his-funny-black-pug-dog-smiling-camera-standing-white-backgroun_1258-172981.jpg",
|
||||
},
|
||||
id: "4", name: "David Smith", role: "Pet Owner", testimonial: "Great rates.", imageSrc: "http://img.b2bpic.net/free-photo/handsome-hipster-guy-holding-his-funny-black-pug-dog-smiling-camera-standing-white-backgroun_1258-172981.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Alice Wong",
|
||||
role: "Pet Owner",
|
||||
testimonial: "Reliable and kind.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/interested-girl-with-wavy-hairstyle-spending-leisure-time-with-dog-portrait-young-woman-posing-with-french-bulldog_197531-11020.jpg",
|
||||
},
|
||||
id: "5", name: "Alice Wong", role: "Pet Owner", testimonial: "Reliable and kind.", imageSrc: "http://img.b2bpic.net/free-photo/interested-girl-with-wavy-hairstyle-spending-leisure-time-with-dog-portrait-young-woman-posing-with-french-bulldog_197531-11020.jpg"},
|
||||
]}
|
||||
title="What Our Neighbors Say"
|
||||
description="Proudly rated 4.5/5 by the Memphis community."
|
||||
@@ -264,20 +144,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "faq-1",
|
||||
title: "Do you need vaccinations?",
|
||||
content: "Yes, please bring current records.",
|
||||
},
|
||||
id: "faq-1", title: "Do you need vaccinations?", content: "Yes, please bring current records."},
|
||||
{
|
||||
id: "faq-2",
|
||||
title: "Do you take walk-ins?",
|
||||
content: "Appointments are highly recommended.",
|
||||
},
|
||||
id: "faq-2", title: "Do you take walk-ins?", content: "Appointments are highly recommended."},
|
||||
{
|
||||
id: "faq-3",
|
||||
title: "Is boarding safe?",
|
||||
content: "We offer 24/7 care.",
|
||||
},
|
||||
id: "faq-3", title: "Is boarding safe?", content: "We offer 24/7 care."},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
title="Common Questions"
|
||||
@@ -294,16 +165,10 @@ export default function LandingPage() {
|
||||
description="3566 Walker Ave, Memphis, TN 38111. Call (901) 452-5000."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Your Email", required: true,
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-adorable-beagle-near-fireplace_23-2151793726.jpg"
|
||||
@@ -314,29 +179,19 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
title: "Navigation", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
title: "Contact", items: [
|
||||
{
|
||||
label: "(901) 452-5000",
|
||||
href: "tel:9014525000",
|
||||
},
|
||||
label: "(901) 452-5000", href: "tel:9014525000"},
|
||||
{
|
||||
label: "3566 Walker Ave",
|
||||
href: "#",
|
||||
},
|
||||
label: "3566 Walker Ave", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -346,4 +201,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user