Compare commits
10 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| ed7ebc35b1 | |||
| 640c3f0cdd | |||
| f5373a14e5 | |||
| d0362ef20e | |||
| 0636d91c17 | |||
| 34e424570d | |||
| 9e7a93ec6e | |||
| 66b5bb4ae4 | |||
| 3d34e8c7fb | |||
| 9e06da0551 |
@@ -1,18 +1,16 @@
|
||||
import type { Metadata } from "next";
|
||||
import { Geist, Geist_Mono } from "next/font/google";
|
||||
import localFont from "next/font/local";
|
||||
import "./styles/variables.css";
|
||||
import "./globals.css";
|
||||
import "./styles/base.css";
|
||||
|
||||
const geistSans = Geist({
|
||||
variable: "--font-geist-sans", subsets: ["latin"],
|
||||
});
|
||||
const geistSans = localFont({
|
||||
src: "./fonts/GeistVF.woff2", variable: "--font-geist-sans", weight: "100 900"});
|
||||
|
||||
const geistMono = Geist_Mono({
|
||||
variable: "--font-geist-mono", subsets: ["latin"],
|
||||
});
|
||||
const geistMono = localFont({
|
||||
src: "./fonts/GeistMonoVF.woff2", variable: "--font-geist-mono", weight: "100 900"});
|
||||
|
||||
export const metadata: Metadata = {
|
||||
title: "Exotic Pets - Premium Exotic Animals", description: "Discover ethically sourced, health-certified exotic animals including snakes, turtles, and macaws. Expert care and lifetime support."};
|
||||
title: "Exotic Pets - Premium & Ethical Animals", description: "Discover ethically sourced, health-certified exotic animals including snakes, turtles, and macaws. Expert care and lifetime support."};
|
||||
|
||||
export default function RootLayout({
|
||||
children,
|
||||
@@ -21,28 +19,23 @@ export default function RootLayout({
|
||||
}) {
|
||||
return (
|
||||
<html lang="en" suppressHydrationWarning>
|
||||
<head>
|
||||
<body
|
||||
className={`${geistSans.variable} ${geistMono.variable} antialiased`}
|
||||
>
|
||||
{children}
|
||||
<script
|
||||
dangerouslySetInnerHTML={{
|
||||
__html: `
|
||||
if (typeof window !== 'undefined') {
|
||||
const html = document.documentElement;
|
||||
html.style.setProperty('--vw', window.innerWidth / 100 + 'px');
|
||||
window.addEventListener('resize', () => {
|
||||
html.style.setProperty('--vw', window.innerWidth / 100 + 'px');
|
||||
});
|
||||
}
|
||||
try {
|
||||
if (localStorage.theme === 'dark' || (!('theme' in localStorage) && window.matchMedia('(prefers-color-scheme: dark)').matches)) {
|
||||
document.documentElement.classList.add('dark')
|
||||
} else {
|
||||
document.documentElement.classList.remove('dark')
|
||||
}
|
||||
} catch (e) {}
|
||||
`,
|
||||
}}
|
||||
/>
|
||||
</head>
|
||||
<body
|
||||
className={`${geistSans.variable} ${geistMono.variable} antialiased`}
|
||||
suppressHydrationWarning
|
||||
>
|
||||
<ServiceWrapper>
|
||||
{children}
|
||||
</ServiceWrapper>
|
||||
|
||||
<script
|
||||
dangerouslySetInnerHTML={{
|
||||
@@ -1414,7 +1407,3 @@ export default function RootLayout({
|
||||
</html>
|
||||
);
|
||||
}
|
||||
|
||||
function ServiceWrapper({ children }: { children: React.ReactNode }) {
|
||||
return <>{children}</>;
|
||||
}
|
||||
|
||||
349
src/app/page.tsx
349
src/app/page.tsx
@@ -1,239 +1,214 @@
|
||||
"use client";
|
||||
|
||||
import Link from "next/link";
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
|
||||
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
|
||||
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import { Sparkles, Heart, CheckCircle, Star } from "lucide-react";
|
||||
|
||||
export default function HomePage() {
|
||||
const navItems = [
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Animals", id: "/animals" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
];
|
||||
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
|
||||
import HeroSplitKpi from "@/components/sections/hero/HeroSplitKpi";
|
||||
import FeatureCardSeven from "@/components/sections/feature/FeatureCardSeven";
|
||||
import PricingCardOne from "@/components/sections/pricing/PricingCardOne";
|
||||
import TestimonialCardSixteen from "@/components/sections/testimonial/TestimonialCardSixteen";
|
||||
import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia";
|
||||
import ContactText from "@/components/sections/contact/ContactText";
|
||||
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
|
||||
import { Sparkles, CheckCircle } from "lucide-react";
|
||||
|
||||
export default function Home() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="soft"
|
||||
contentWidth="smallMedium"
|
||||
sizing="mediumLargeSizeLargeTitles"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-depth"
|
||||
primaryButtonStyle="double-inset"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="light"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="none"
|
||||
cardStyle="solid"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={navItems}
|
||||
button={{ text: "Add Animal", href: "/add-animal" }}
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
]}
|
||||
brandName="Exotic Pets"
|
||||
bottomLeftText="Premium & Ethical"
|
||||
bottomRightText="hello@exoticpets.com"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="home" data-section="home">
|
||||
<HeroBillboardRotatedCarousel
|
||||
title="Discover Exotic Animals"
|
||||
description="Explore our premium collection of rare snakes, turtles, and magnificent macaws. Each animal is carefully selected and professionally cared for to ensure the highest quality and health standards."
|
||||
background={{ variant: "plain" }}
|
||||
tag="Premium Selection"
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{ variant: "glowing-orb" }}
|
||||
title="Premium Exotic Animals"
|
||||
description="Discover ethically sourced, health-certified exotic animals including snakes, turtles, and macaws. Expert care and lifetime support."
|
||||
tag="Trusted by 500+ Pet Lovers"
|
||||
tagIcon={Sparkles}
|
||||
tagAnimation="slide-up"
|
||||
enableKpiAnimation={true}
|
||||
kpis={[
|
||||
{ value: "500+", label: "Happy Customers" },
|
||||
{ value: "100%", label: "Health Certified" },
|
||||
{ value: "24/7", label: "Expert Support" },
|
||||
]}
|
||||
imageSrc="/placeholder-hero.jpg"
|
||||
imageAlt="Premium exotic animals"
|
||||
mediaAnimation="slide-up"
|
||||
imagePosition="right"
|
||||
buttons={[
|
||||
{ text: "Browse Animals", href: "/animals" },
|
||||
{ text: "Learn More", href: "/about" }
|
||||
{ text: "Browse Collection", href: "#features" },
|
||||
{ text: "Learn More", href: "#faq" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
carouselItems={[
|
||||
{ id: "carousel-1", imageSrc: "http://img.b2bpic.net/free-photo/close-up-pattern-scales_23-2151365729.jpg", imageAlt: "Green snake" },
|
||||
{ id: "carousel-2", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-little-file-eared-tree-frog-tree_181624-48992.jpg", imageAlt: "Red-eared turtle" },
|
||||
{ id: "carousel-3", imageSrc: "http://img.b2bpic.net/free-photo/scarlet-macaw-ara-macao-flying-through-sky-big-parrots-flying-formation-sky_488145-1169.jpg", imageAlt: "Colorful macaw" },
|
||||
{ id: "carousel-4", imageSrc: "http://img.b2bpic.net/free-photo/panana-lizards-stick-out-long-blue-tongues-wood-panana-lizard-closeuup_488145-3222.jpg", imageAlt: "Python snake" },
|
||||
{ id: "carousel-5", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-closeup-shot-large-turtle-swimming-underwater-ocean_181624-2374.jpg", imageAlt: "Aquatic turtle" },
|
||||
{ id: "carousel-6", imageSrc: "http://img.b2bpic.net/free-photo/american-robin-turdus-migratorius_181624-26034.jpg", imageAlt: "Exotic macaw" }
|
||||
]}
|
||||
autoPlay={true}
|
||||
autoPlayInterval={4000}
|
||||
ariaLabel="Hero section with exotic animals carousel"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
title="About Us"
|
||||
description={[
|
||||
"Exotic Pets has been the premier destination for exotic animals since 2010. We specialize in providing healthy, responsibly sourced snakes, turtles, and macaws to dedicated collectors and families worldwide.", "Our mission is to promote ethical exotic pet ownership through education, expert care, and transparent business practices. Every animal in our collection receives specialized veterinary attention and optimal living conditions.", "We work with experienced breeders and wildlife specialists to ensure genetic diversity and long-term health of all our animals. Your satisfaction and the animal's wellbeing are our top priorities."
|
||||
]}
|
||||
buttons={[{ text: "View Our Story", href: "/about" }]}
|
||||
showBorder={true}
|
||||
useInvertedBackground={false}
|
||||
ariaLabel="About section"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="animals" data-section="animals">
|
||||
<ProductCardTwo
|
||||
title="Featured Animals"
|
||||
description="Our carefully curated collection of snakes, turtles, and macaws. Each animal is health-certified and ready for its new home."
|
||||
tag="Available Now"
|
||||
tagIcon={Heart}
|
||||
tagAnimation="slide-up"
|
||||
buttons={[{ text: "Browse Full Catalog", href: "/animals" }]}
|
||||
buttonAnimation="slide-up"
|
||||
products={[
|
||||
{ id: "snake-1", brand: "Exotic Pets", name: "Green Tree Python", price: "$450.00", rating: 5, reviewCount: "24", imageSrc: "http://img.b2bpic.net/free-photo/blue-viper-snake-branch-viper-snake-ready-attack-blue-insularis-animal-closeup_488145-2760.jpg?_wi=1", imageAlt: "Green Tree Python" },
|
||||
{ id: "snake-2", brand: "Exotic Pets", name: "Ball Python - Gold Morph", price: "$320.00", rating: 5, reviewCount: "18", imageSrc: "http://img.b2bpic.net/free-photo/blue-viper-snake-branch-viper-snake-ready-attack-blue-insularis-animal-closeup_488145-3705.jpg?_wi=1", imageAlt: "Ball Python Gold Morph" },
|
||||
{ id: "snake-3", brand: "Exotic Pets", name: "King Cobra", price: "$550.00", rating: 5, reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/shot-curled-up-adult-leopard-snake_181624-41908.jpg?_wi=1", imageAlt: "King Cobra" },
|
||||
{ id: "turtle-1", brand: "Exotic Pets", name: "Red-Eared Slider Turtle", price: "$85.00", rating: 5, reviewCount: "31", imageSrc: "http://img.b2bpic.net/free-photo/tortoise_1127-3422.jpg?_wi=1", imageAlt: "Red-Eared Slider Turtle" },
|
||||
{ id: "turtle-2", brand: "Exotic Pets", name: "African Sulcata Tortoise", price: "$280.00", rating: 5, reviewCount: "19", imageSrc: "http://img.b2bpic.net/free-photo/wide-angle-shot-sandy-valley-with-rock-middle_181624-20245.jpg?_wi=1", imageAlt: "African Sulcata Tortoise" },
|
||||
{ id: "turtle-3", brand: "Exotic Pets", name: "Green Sea Turtle", price: "$620.00", rating: 5, reviewCount: "9", imageSrc: "http://img.b2bpic.net/free-photo/turtle_1308-39981.jpg?_wi=1", imageAlt: "Green Sea Turtle" },
|
||||
{ id: "parrot-1", brand: "Exotic Pets", name: "Blue Macaw", price: "$850.00", rating: 5, reviewCount: "22", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-tropical-colorful-bird_23-2151875489.jpg?_wi=1", imageAlt: "Blue Macaw" },
|
||||
{ id: "parrot-2", brand: "Exotic Pets", name: "Scarlet Macaw", price: "$920.00", rating: 5, reviewCount: "26", imageSrc: "http://img.b2bpic.net/free-vector/tropical-background_52683-5630.jpg?_wi=1", imageAlt: "Scarlet Macaw" },
|
||||
{ id: "parrot-3", brand: "Exotic Pets", name: "Green-Winged Macaw", price: "$950.00", rating: 5, reviewCount: "17", imageSrc: "http://img.b2bpic.net/free-photo/girl-is-holding-blueandwhite-wavy-parrot-her-hands-closeup_169016-60914.jpg?_wi=1", imageAlt: "Green-Winged Macaw" }
|
||||
]}
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
ariaLabel="Featured animals section"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyFour
|
||||
title="Why Choose Exotic Pets"
|
||||
description="We stand out as the premier exotic animal provider through our commitment to quality, health, and customer care."
|
||||
tag="Our Advantages"
|
||||
tagIcon={CheckCircle}
|
||||
tagAnimation="slide-up"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
<FeatureCardSeven
|
||||
features={[
|
||||
{
|
||||
id: "feature-1", title: "Health Certified", author: "Veterinary Team", description: "All animals undergo comprehensive veterinary examination and come with complete health certification. We guarantee 30-day health assurance on every purchase.", tags: ["Health", "Certified"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/moorish-gecko-tarentola-mauritanica-basking-sun-shedding-its-skin_181624-3279.jpg?_wi=1", imageAlt: "Veterinary health certification"
|
||||
},
|
||||
id: 1,
|
||||
title: "Health Certified", description: "All animals are thoroughly health-checked and certified by veterinary experts.", imageSrc: "/placeholder-feature-1.jpg", imageAlt: "Health certification"},
|
||||
{
|
||||
id: "feature-2", title: "Expert Breeding", author: "Breeding Specialists", description: "Our animals are sourced from experienced, ethical breeders who maintain exceptional breeding standards. We prioritize genetic diversity and long-term species health.", tags: ["Breeding", "Quality"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/moorish-gecko-tarentola-mauritanica-basking-sun-shedding-its-skin_181624-3279.jpg?_wi=2", imageAlt: "Professional breeding facility"
|
||||
},
|
||||
id: 2,
|
||||
title: "Ethical Sourcing", description: "We work with certified breeders and sanctuaries to ensure ethical practices.", imageSrc: "/placeholder-feature-2.jpg", imageAlt: "Ethical sourcing"},
|
||||
{
|
||||
id: "feature-3", title: "Lifetime Support", author: "Customer Care", description: "We provide ongoing support and guidance throughout your animal's life. Our specialists are available to answer questions about care, feeding, and habitat requirements.", tags: ["Support", "Guidance"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/moorish-gecko-tarentola-mauritanica-basking-sun-shedding-its-skin_181624-3279.jpg?_wi=3", imageAlt: "Customer support team"
|
||||
}
|
||||
id: 3,
|
||||
title: "Lifetime Support", description: "Our experts provide guidance and support throughout your pet's life.", imageSrc: "/placeholder-feature-3.jpg", imageAlt: "Lifetime support"},
|
||||
]}
|
||||
ariaLabel="Why choose us section"
|
||||
title="Why Choose Our Exotic Pets?"
|
||||
description="Comprehensive care, ethical standards, and expert guidance"
|
||||
tag="Our Commitment"
|
||||
tagIcon={CheckCircle}
|
||||
textboxLayout="default"
|
||||
animationType="blur-reveal"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardOne
|
||||
plans={[
|
||||
{
|
||||
id: "1", badge: "Starter", price: "$299", subtitle: "Perfect for first-time exotic pet owners", features: [
|
||||
"Animal selection from starter collection", "Health certification included", "30-day adjustment period", "Email support"],
|
||||
},
|
||||
{
|
||||
id: "2", badge: "Professional", badgeIcon: Sparkles,
|
||||
price: "$599", subtitle: "Ideal for experienced collectors", features: [
|
||||
"Full access to premium collection", "Health certification & insurance", "60-day adjustment period", "Priority 24/7 support", "Free delivery"],
|
||||
},
|
||||
{
|
||||
id: "3", badge: "Elite", price: "$999", subtitle: "For dedicated exotic animal enthusiasts", features: [
|
||||
"Exclusive rare animals access", "VIP health certification & insurance", "90-day adjustment period", "Personal dedicated consultant", "Free priority delivery & setup", "Annual wellness consultation"],
|
||||
},
|
||||
]}
|
||||
title="Our Pricing Plans"
|
||||
description="Choose the plan that fits your needs"
|
||||
tag="Pricing"
|
||||
tagAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
buttons={[{ text: "Get Started", href: "#contact" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
title="What Our Customers Say"
|
||||
description="Hear from satisfied customers who have found their perfect exotic animals with us."
|
||||
tag="Reviews"
|
||||
tagIcon={Star}
|
||||
tagAnimation="slide-up"
|
||||
showRating={true}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
<TestimonialCardSixteen
|
||||
testimonials={[
|
||||
{
|
||||
id: "testimonial-1", name: "James Mitchell", handle: "@jmitchell", testimonial: "The team at Exotic Pets helped me find the perfect green tree python. Exceptional knowledge and professional handling. Highly recommended!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/enthusiastic-businesswoman-corporate-woman-showing-thumbs-up-smiling-complimenting-recommending-company-standing-white-background_1258-122203.jpg", imageAlt: "James Mitchell"
|
||||
},
|
||||
id: "1", name: "Sarah M.", role: "Snake Enthusiast", company: "Pet Lovers Community", rating: 5,
|
||||
imageSrc: "/placeholder-testimonial-1.jpg", imageAlt: "Sarah M."},
|
||||
{
|
||||
id: "testimonial-2", name: "Sarah Chen", handle: "@sarahchen", testimonial: "I purchased a scarlet macaw from them and the process was seamless. The health certification and ongoing support have been invaluable.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-businesswoman_23-2148012909.jpg", imageAlt: "Sarah Chen"
|
||||
},
|
||||
id: "2", name: "James T.", role: "Exotic Collector", company: "Wildlife Foundation", rating: 5,
|
||||
imageSrc: "/placeholder-testimonial-2.jpg", imageAlt: "James T."},
|
||||
{
|
||||
id: "testimonial-3", name: "Marcus Rodriguez", handle: "@mrodriguez", testimonial: "Excellent collection and expert staff. My red-eared slider is thriving. Best exotic pet provider in the region by far.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-european-businessman-smiling-closeup-portrait-jobs-career-campaign_53876-128975.jpg", imageAlt: "Marcus Rodriguez"
|
||||
},
|
||||
{
|
||||
id: "testimonial-4", name: "Emily Thompson", handle: "@ethompson", testimonial: "Ethical sourcing, professional care, and passionate team. Exotic Pets exceeded all my expectations for quality and service.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-african-american-girl-sitting-cafe_1262-3083.jpg", imageAlt: "Emily Thompson"
|
||||
},
|
||||
{
|
||||
id: "testimonial-5", name: "David Kumar", handle: "@dkumar", testimonial: "The king cobra I purchased came perfectly acclimated and healthy. Outstanding attention to detail throughout the entire process.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pensive-successful-grey-haired-business-owner_74855-3610.jpg", imageAlt: "David Kumar"
|
||||
},
|
||||
{
|
||||
id: "testimonial-6", name: "Lisa Anderson", handle: "@lisaanderson", testimonial: "Five stars all the way. Professional, knowledgeable, and genuinely care about their animals. My blue macaw is thriving and brings daily joy.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mature-woman-with-grey-hair-posing-with-violet-jacket_343059-91.jpg", imageAlt: "Lisa Anderson"
|
||||
}
|
||||
id: "3", name: "Emma R.", role: "Turtle Keeper", company: "Conservation Institute", rating: 5,
|
||||
imageSrc: "/placeholder-testimonial-3.jpg", imageAlt: "Emma R."},
|
||||
]}
|
||||
ariaLabel="Customer testimonials section"
|
||||
kpiItems={[
|
||||
{ value: "500+", label: "Satisfied Customers" },
|
||||
{ value: "100%", label: "Health Certified" },
|
||||
{ value: "10+", label: "Years Experience" },
|
||||
]}
|
||||
animationType="slide-up"
|
||||
title="What Our Customers Say"
|
||||
description="Real experiences from exotic pet owners"
|
||||
tag="Testimonials"
|
||||
tagAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
faqs={[
|
||||
{
|
||||
id: "1", title: "Where can I find this button?", content: "This button is likely part of a shopping cart or checkout interface. Look for it in your account settings or when processing a transaction."},
|
||||
{
|
||||
id: "2", title: "How do I place an order?", content: "To place an order, browse our collection, select your preferred exotic animal, and follow our simple checkout process. Our team will handle all health certifications and shipping."},
|
||||
{
|
||||
id: "3", title: "What is your refund policy?", content: "We offer a full refund within 30-60 days depending on your plan if you're not completely satisfied. Our goal is to ensure a perfect match between you and your new pet."},
|
||||
{
|
||||
id: "4", title: "How are animals shipped?", content: "All animals are shipped in temperature-controlled, secure containers with professional handling to ensure their safety and comfort during transit."},
|
||||
]}
|
||||
imageSrc="/placeholder-faq.jpg"
|
||||
imageAlt="FAQ illustration"
|
||||
mediaAnimation="slide-up"
|
||||
mediaPosition="left"
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know about our exotic animals"
|
||||
tag="Help & Support"
|
||||
tagAnimation="slide-up"
|
||||
faqsAnimation="blur-reveal"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
text="Ready to add an exotic animal to your collection? Contact us today for personalized recommendations and availability."
|
||||
text="Ready to welcome an exotic pet into your home? Get in touch with our experts today."
|
||||
animationType="entrance-slide"
|
||||
buttons={[
|
||||
{ text: "Get in Touch", href: "contact" },
|
||||
{ text: "Browse Catalog", href: "/animals" }
|
||||
{ text: "Contact Us", href: "mailto:hello@exoticpets.com" },
|
||||
{ text: "Browse Collection", href: "#features" },
|
||||
]}
|
||||
background={{ variant: "plain" }}
|
||||
useInvertedBackground={false}
|
||||
ariaLabel="Contact call-to-action section"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Exotic Pets"
|
||||
columns={[
|
||||
{
|
||||
title: "Products", items: [
|
||||
{ label: "Snakes", href: "/animals" },
|
||||
{ label: "Turtles", href: "/animals" },
|
||||
{ label: "Macaws", href: "/animals" },
|
||||
{ label: "Care Guides", href: "/" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "/about" },
|
||||
{ label: "Our Story", href: "/about" },
|
||||
{ label: "Blog", href: "/" },
|
||||
{ label: "Careers", href: "/" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Support", items: [
|
||||
{ label: "Contact", href: "/contact" },
|
||||
{ label: "FAQ", href: "/" },
|
||||
{ label: "Health Guarantee", href: "/" },
|
||||
{ label: "Shipping Info", href: "/" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "/" },
|
||||
{ label: "Terms of Service", href: "/" },
|
||||
{ label: "Refund Policy", href: "/" },
|
||||
{ label: "Cookie Policy", href: "/" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
copyrightText="© 2025 Exotic Pets. All rights reserved."
|
||||
ariaLabel="Site footer"
|
||||
/>
|
||||
</div>
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "#hero" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
{ label: "Careers", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Products", items: [
|
||||
{ label: "Snakes", href: "#features" },
|
||||
{ label: "Turtles", href: "#features" },
|
||||
{ label: "Macaws", href: "#features" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support", items: [
|
||||
{ label: "FAQ", href: "#faq" },
|
||||
{ label: "Help Center", href: "#faq" },
|
||||
{ label: "Pricing", href: "#pricing" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2025 Exotic Pets | All rights reserved"
|
||||
/>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user