Update src/app/page.tsx
This commit is contained in:
270
src/app/page.tsx
270
src/app/page.tsx
@@ -34,56 +34,43 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#home",
|
||||
},
|
||||
name: "Home", id: "#home"},
|
||||
{
|
||||
name: "Products",
|
||||
id: "#products",
|
||||
},
|
||||
name: "Dogs", id: "#products"},
|
||||
{
|
||||
name: "Brands",
|
||||
id: "#brands",
|
||||
},
|
||||
name: "Cats", id: "#products"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
name: "Birds & Fish", id: "#products"},
|
||||
{
|
||||
name: "About Us",
|
||||
id: "#about",
|
||||
},
|
||||
name: "Small Animals", id: "#products"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Brands", id: "#brands"},
|
||||
{
|
||||
name: "Services", id: "#services"},
|
||||
{
|
||||
name: "About Us", id: "#about"},
|
||||
{
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ft15ik"
|
||||
logoAlt="Mascotas Pet Shop Logo"
|
||||
brandName="Mascotas Pet Shop Qatar"
|
||||
button={{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
}}
|
||||
text: "Shop Now", href: "#products"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="home" data-section="home">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "rotated-rays-animated-grid",
|
||||
}}
|
||||
variant: "rotated-rays-animated-grid"}}
|
||||
logoText="Mascotas Pet Shop"
|
||||
description="Your ultimate destination for premium pet supplies, food, and grooming services in Qatar. We bring joy to your pets with the best products from around the world."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Pet Food",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Shop Pet Food", href: "#products"},
|
||||
{
|
||||
text: "Explore Services",
|
||||
href: "#services",
|
||||
},
|
||||
text: "Explore Services", href: "#services"},
|
||||
]}
|
||||
buttonAnimation="opacity"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/supermarket-banner-with-various-items_23-2149501022.jpg"
|
||||
@@ -100,19 +87,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Heart,
|
||||
label: "Happy Pets",
|
||||
value: "10K+",
|
||||
},
|
||||
label: "Happy Pets", value: "10K+"},
|
||||
{
|
||||
icon: Gift,
|
||||
label: "Premium Brands",
|
||||
value: "50+",
|
||||
},
|
||||
label: "Premium Brands", value: "50+"},
|
||||
{
|
||||
icon: Truck,
|
||||
label: "Delivery Services",
|
||||
value: "Nationwide",
|
||||
},
|
||||
label: "Delivery Services", value: "Nationwide"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -127,20 +108,11 @@ export default function LandingPage() {
|
||||
tagIcon={Sparkles}
|
||||
accordionItems={[
|
||||
{
|
||||
id: "grooming",
|
||||
title: "Professional Grooming & Spa",
|
||||
content: "Treat your beloved pets to a luxurious grooming experience, including baths, haircuts, nail trims, and specialized spa treatments by certified professionals.",
|
||||
},
|
||||
id: "grooming", title: "Professional Grooming & Spa", content: "Treat your beloved pets to a luxurious grooming experience, including baths, haircuts, nail trims, and specialized spa treatments by certified professionals."},
|
||||
{
|
||||
id: "delivery",
|
||||
title: "Fast & Reliable Home Delivery",
|
||||
content: "Get all your pet's essentials delivered right to your doorstep anywhere in Qatar. Enjoy hassle-free shopping with our prompt and secure delivery service.",
|
||||
},
|
||||
id: "delivery", title: "Fast & Reliable Home Delivery", content: "Get all your pet's essentials delivered right to your doorstep anywhere in Qatar. Enjoy hassle-free shopping with our prompt and secure delivery service."},
|
||||
{
|
||||
id: "vet-consultation",
|
||||
title: "Expert Vet Consultations",
|
||||
content: "Access professional veterinary advice and basic health check-ups for your pets. Our experienced vets provide guidance to keep your furry friends healthy and happy.",
|
||||
},
|
||||
id: "vet-consultation", title: "Expert Vet Consultations", content: "Access professional veterinary advice and basic health check-ups for your pets. Our experienced vets provide guidance to keep your furry friends healthy and happy."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-man-with-his-dog_23-2147840130.jpg"
|
||||
imageAlt="Professional pet groomer giving a dog a bath"
|
||||
@@ -157,47 +129,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Premium Salmon Cat Food",
|
||||
price: "QAR 120.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/breakfast-pink-background_23-2148182048.jpg",
|
||||
imageAlt: "Bag of premium salmon cat food",
|
||||
},
|
||||
id: "1", name: "Premium Salmon Cat Food", price: "QAR 120.00", imageSrc: "http://img.b2bpic.net/free-photo/breakfast-pink-background_23-2148182048.jpg", imageAlt: "Bag of premium salmon cat food"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Durable Dog Chew Toys Set",
|
||||
price: "QAR 85.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cute-dog-biting-flip-flop-home_23-2149544895.jpg",
|
||||
imageAlt: "Assortment of colorful dog chew toys",
|
||||
},
|
||||
id: "2", name: "Durable Dog Chew Toys Set", price: "QAR 85.00", imageSrc: "http://img.b2bpic.net/free-photo/cute-dog-biting-flip-flop-home_23-2149544895.jpg", imageAlt: "Assortment of colorful dog chew toys"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Luxury Bird Cage",
|
||||
price: "QAR 450.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-hand-held-bird-cage-with-flowers_23-2148385835.jpg",
|
||||
imageAlt: "Large luxury bird cage with perches",
|
||||
},
|
||||
id: "3", name: "Luxury Bird Cage", price: "QAR 450.00", imageSrc: "http://img.b2bpic.net/free-photo/front-view-hand-held-bird-cage-with-flowers_23-2148385835.jpg", imageAlt: "Large luxury bird cage with perches"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Tropical Fish Aquarium Kit",
|
||||
price: "QAR 300.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-betta-fish-with-dress-black-background_23-2148359851.jpg",
|
||||
imageAlt: "Small desktop aquarium with colorful fish",
|
||||
},
|
||||
id: "4", name: "Tropical Fish Aquarium Kit", price: "QAR 300.00", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-betta-fish-with-dress-black-background_23-2148359851.jpg", imageAlt: "Small desktop aquarium with colorful fish"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Cozy Small Animal Bed",
|
||||
price: "QAR 65.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cartoon-style-summer-scene-with-cute-animal_23-2151068333.jpg",
|
||||
imageAlt: "Soft, fluffy bed for small animals like hamsters",
|
||||
},
|
||||
id: "5", name: "Cozy Small Animal Bed", price: "QAR 65.00", imageSrc: "http://img.b2bpic.net/free-photo/cartoon-style-summer-scene-with-cute-animal_23-2151068333.jpg", imageAlt: "Soft, fluffy bed for small animals like hamsters"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Stylish Leather Dog Leash",
|
||||
price: "QAR 95.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brunette-mask-walks-with-pug_1157-34774.jpg",
|
||||
imageAlt: "Elegant leather dog leash and collar",
|
||||
},
|
||||
id: "6", name: "Stylish Leather Dog Leash", price: "QAR 95.00", imageSrc: "http://img.b2bpic.net/free-photo/brunette-mask-walks-with-pug_1157-34774.jpg", imageAlt: "Elegant leather dog leash and collar"},
|
||||
]}
|
||||
title="Our Best-Selling Pet Products"
|
||||
description="Discover a curated selection of high-quality products, from nutritious food to engaging toys and comfortable accessories, ensuring your pet's happiness and well-being."
|
||||
@@ -205,9 +147,7 @@ export default function LandingPage() {
|
||||
tagIcon={ShoppingBag}
|
||||
buttons={[
|
||||
{
|
||||
text: "View All Products",
|
||||
href: "#",
|
||||
},
|
||||
text: "View All Products", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -219,43 +159,19 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic-grooming",
|
||||
badge: "Popular",
|
||||
badgeIcon: Sparkles,
|
||||
price: "QAR 150/session",
|
||||
subtitle: "Essential Grooming Package",
|
||||
features: [
|
||||
"Shampoo & Conditioning",
|
||||
"Blow Dry & Brushing",
|
||||
"Nail Trimming",
|
||||
"Ear Cleaning",
|
||||
],
|
||||
id: "basic-grooming", badge: "Popular", badgeIcon: Sparkles,
|
||||
price: "QAR 150/session", subtitle: "Essential Grooming Package", features: [
|
||||
"Shampoo & Conditioning", "Blow Dry & Brushing", "Nail Trimming", "Ear Cleaning"],
|
||||
},
|
||||
{
|
||||
id: "premium-grooming",
|
||||
badge: "Best Value",
|
||||
badgeIcon: Star,
|
||||
price: "QAR 250/session",
|
||||
subtitle: "Deluxe Pamper Package",
|
||||
features: [
|
||||
"All Basic Features",
|
||||
"Haircut & Styling",
|
||||
"Dental Brush",
|
||||
"Paw Pad Treatment",
|
||||
],
|
||||
id: "premium-grooming", badge: "Best Value", badgeIcon: Star,
|
||||
price: "QAR 250/session", subtitle: "Deluxe Pamper Package", features: [
|
||||
"All Basic Features", "Haircut & Styling", "Dental Brush", "Paw Pad Treatment"],
|
||||
},
|
||||
{
|
||||
id: "vet-care-plan",
|
||||
badge: "Health First",
|
||||
badgeIcon: Activity,
|
||||
price: "QAR 350/month",
|
||||
subtitle: "Annual Wellness Plan",
|
||||
features: [
|
||||
"Monthly Vet Check-ups",
|
||||
"Vaccination Reminders",
|
||||
"Dietary Advice",
|
||||
"24/7 Emergency Support",
|
||||
],
|
||||
id: "vet-care-plan", badge: "Health First", badgeIcon: Activity,
|
||||
price: "QAR 350/month", subtitle: "Annual Wellness Plan", features: [
|
||||
"Monthly Vet Check-ups", "Vaccination Reminders", "Dietary Advice", "24/7 Emergency Support"],
|
||||
},
|
||||
]}
|
||||
title="Our Pet Care Service Plans"
|
||||
@@ -270,14 +186,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Royal Canin",
|
||||
"Orijen",
|
||||
"Hill's Science Diet",
|
||||
"Eukanuba",
|
||||
"Purina Pro Plan",
|
||||
"Taste of the Wild",
|
||||
"Acana",
|
||||
]}
|
||||
"Royal Canin", "Orijen", "Hill's Science Diet", "Eukanuba", "Purina Pro Plan", "Taste of the Wild", "Acana"]}
|
||||
title="Trusted by Leading Global Brands"
|
||||
description="We partner with the world's most reputable pet food and supply brands to ensure your pets receive only the highest quality products available."
|
||||
tag="Our Partners"
|
||||
@@ -295,29 +204,17 @@ export default function LandingPage() {
|
||||
author="Fatima Al-Hamad"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-woman-wearing-halal-outdoors_23-2150701499.jpg",
|
||||
alt: "Fatima Al-Hamad",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-woman-wearing-halal-outdoors_23-2150701499.jpg", alt: "Fatima Al-Hamad"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/businessman-dress-code-holding-black-jacket-his-arm_114579-19027.jpg",
|
||||
alt: "Ahmed Hassan",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/businessman-dress-code-holding-black-jacket-his-arm_114579-19027.jpg", alt: "Ahmed Hassan"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-mother-her-daughter-walk-with-dog-autumn-park_1153-4530.jpg",
|
||||
alt: "Mariam & Omar",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/happy-mother-her-daughter-walk-with-dog-autumn-park_1153-4530.jpg", alt: "Mariam & Omar"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/old-person-with-their-pet-dog_23-2149429254.jpg",
|
||||
alt: "Layla Saeed",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/old-person-with-their-pet-dog_23-2149429254.jpg", alt: "Layla Saeed"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-young-guy-doing-victory-gesture-pink-background_140725-34622.jpg",
|
||||
alt: "Khalid Al-Mansoori",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-young-guy-doing-victory-gesture-pink-background_140725-34622.jpg", alt: "Khalid Al-Mansoori"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/modern-muslim-woman-hijab-office-room_285396-10895.jpg",
|
||||
alt: "Aisha Khan",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/modern-muslim-woman-hijab-office-room_285396-10895.jpg", alt: "Aisha Khan"},
|
||||
]}
|
||||
ratingAnimation="opacity"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -329,33 +226,19 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "faq1",
|
||||
title: "Do you offer pet delivery services in all of Qatar?",
|
||||
content: "Yes, we proudly offer nationwide delivery across all of Qatar. Simply place your order online, and we'll ensure it reaches you promptly and safely.",
|
||||
},
|
||||
id: "faq1", title: "Do you offer pet delivery services in all of Qatar?", content: "Yes, we proudly offer nationwide delivery across all of Qatar. Simply place your order online, and we'll ensure it reaches you promptly and safely."},
|
||||
{
|
||||
id: "faq2",
|
||||
title: "What types of pet food brands do you carry?",
|
||||
content: "We stock a wide range of premium and veterinary-approved pet food brands, including Royal Canin, Orijen, Hill's Science Diet, Eukanuba, Purina Pro Plan, and many more. Our selection caters to various dietary needs and preferences.",
|
||||
},
|
||||
id: "faq2", title: "What types of pet food brands do you carry?", content: "We stock a wide range of premium and veterinary-approved pet food brands, including Royal Canin, Orijen, Hill's Science Diet, Eukanuba, Purina Pro Plan, and many more. Our selection caters to various dietary needs and preferences."},
|
||||
{
|
||||
id: "faq3",
|
||||
title: "Can I book a grooming appointment online?",
|
||||
content: "Absolutely! You can easily book a grooming appointment for your pet through our website or by calling us directly. We offer flexible scheduling to fit your convenience.",
|
||||
},
|
||||
id: "faq3", title: "Can I book a grooming appointment online?", content: "Absolutely! You can easily book a grooming appointment for your pet through our website or by calling us directly. We offer flexible scheduling to fit your convenience."},
|
||||
{
|
||||
id: "faq4",
|
||||
title: "Are your pet products ethically sourced?",
|
||||
content: "We are committed to ethical sourcing. All our products come from trusted suppliers who adhere to strict quality and ethical standards, ensuring the well-being of animals and the environment.",
|
||||
},
|
||||
id: "faq4", title: "Are your pet products ethically sourced?", content: "We are committed to ethical sourcing. All our products come from trusted suppliers who adhere to strict quality and ethical standards, ensuring the well-being of animals and the environment."},
|
||||
]}
|
||||
sideTitle="Frequently Asked Questions"
|
||||
sideDescription="Find quick answers to common questions about our products, services, delivery, and more. Your satisfaction and your pet's well-being are our top priorities."
|
||||
buttons={[
|
||||
{
|
||||
text: "Ask a Question",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Ask a Question", href: "#contact"},
|
||||
]}
|
||||
faqsAnimation="slide-up"
|
||||
textPosition="left"
|
||||
@@ -366,8 +249,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "downward-rays-static",
|
||||
}}
|
||||
variant: "downward-rays-static"}}
|
||||
tag="Get in Touch"
|
||||
title="We're Here to Help Your Pets Thrive"
|
||||
description="Have a question about our products, services, or need expert advice? Reach out to us. Our friendly team is ready to assist you."
|
||||
@@ -386,57 +268,39 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Our Team",
|
||||
href: "#",
|
||||
},
|
||||
label: "Our Team", href: "#"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Shop Food",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Shop Dogs", href: "#products"},
|
||||
{
|
||||
label: "Accessories",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Shop Cats", href: "#products"},
|
||||
{
|
||||
label: "Grooming",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Birds & Fish", href: "#products"},
|
||||
{
|
||||
label: "Delivery",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Small Animals", href: "#products"},
|
||||
{
|
||||
label: "Grooming", href: "#services"},
|
||||
{
|
||||
label: "Delivery", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "FAQs",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQs", href: "#faq"},
|
||||
{
|
||||
label: "Contact Support",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact Support", href: "#contact"},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -446,4 +310,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user