Compare commits
4 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 9d6a4d9a38 | |||
| daa5e0597b | |||
| 9e6431015e | |||
| a88334c6be |
258
src/app/page.tsx
258
src/app/page.tsx
@@ -8,11 +8,11 @@ import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||||
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
|
||||
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
||||
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
||||
import { Heart, Home, Shield } from "lucide-react";
|
||||
import { Heart, Home, Shield, Award, Users, CheckCircle } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -29,143 +29,141 @@ export default function LandingPage() {
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "#hero" },
|
||||
{ name: "Kittens", id: "#kittens" },
|
||||
{ name: "Our Values", id: "#values" },
|
||||
{ name: "Contact", id: "#contact" }
|
||||
]}
|
||||
brandName="Christable Gilded Circle"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "#hero" },
|
||||
{ name: "Available Kittens", id: "#kittens" },
|
||||
{ name: "Our Values", id: "#values" },
|
||||
{ name: "Contact", id: "#contact" }
|
||||
]}
|
||||
brandName="Christable Gilded Circle"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlayTestimonial
|
||||
title="Luxury British Shorthairs. Raised with Love & Precision."
|
||||
description="Discover the epitome of British Shorthair breeding. Our kittens are raised in a nurturing environment, focused on exceptional health, temperament, and the signature plush beauty you adore."
|
||||
testimonials={[
|
||||
{ name: "Sarah J.", handle: "@sarahj", testimonial: "The communication was seamless, and my kitten arrived perfectly socialized!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-veterinarian-taking-care-pet_23-2149143844.jpg" },
|
||||
{ name: "Michael C.", handle: "@mikec", testimonial: "A truly ethical experience. My kitten is healthy and thriving.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/pets-morning-comfort-rest-people-concept_158595-7406.jpg" }
|
||||
]}
|
||||
buttons={[{ text: "View Available Kittens", href: "#kittens" }, { text: "Inquire Today", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/closeup-shot-cute-little-black-white-kitten-basket-with-green-textile_181624-53490.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlayTestimonial
|
||||
title="Refined Elegance. The Christable British Shorthair."
|
||||
description="Discover our new generation of British Shorthair companions, raised with meticulous attention to health, personality, and the iconic plush standards our kennel is known for."
|
||||
testimonials={[]}
|
||||
buttons={[{ text: "Available Kittens", href: "#kittens" }, { text: "Begin Adoption", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/closeup-shot-cute-little-black-white-kitten-basket-with-green-textile_181624-53490.jpg?_wi=1"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="trust" data-section="trust">
|
||||
<MetricCardTwo
|
||||
textboxLayout="default"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
animationType="blur-reveal"
|
||||
metrics={[
|
||||
{ id: "m1", value: "100%", description: "Health Guarantee" },
|
||||
{ id: "m2", value: "Lifetime", description: "Support Included" },
|
||||
{ id: "m3", value: "Vet", description: "Certified Checks" }
|
||||
]}
|
||||
title="Quality Assurance"
|
||||
description="We pride ourselves on the highest standards of care and breeding excellence."
|
||||
/>
|
||||
</div>
|
||||
<div id="trust" data-section="trust">
|
||||
<MetricCardSeven
|
||||
title="Verified Excellence"
|
||||
description="Our commitment to the breed is backed by rigorous health screening and professional standards."
|
||||
animationType="blur-reveal"
|
||||
metrics={[
|
||||
{ id: "m1", value: "100%", title: "Health Certification", items: ["Full genetic panels", "HCM screening clear", "Vaccinations current"] },
|
||||
{ id: "m2", value: "24/7", title: "Lifetime Guidance", items: ["Nutrition support", "Behavioral guidance", "Owner onboarding"] },
|
||||
{ id: "m3", value: "50+", title: "Successful Matches", items: ["Global placements", "Ethical lineage", "Show-quality temperaments"] }
|
||||
]}
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="kittens" data-section="kittens">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{ id: "p1", name: "British Shorthair #1", price: "Reserved", variant: "Available", imageSrc: "http://img.b2bpic.net/free-photo/side-view-old-man-petting-cat_23-2150139653.jpg" },
|
||||
{ id: "p2", name: "British Shorthair #2", price: "Available", variant: "Calm", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-beautiful-cat_23-2149214422.jpg" },
|
||||
{ id: "p3", name: "British Shorthair #3", price: "Available", variant: "Plush", imageSrc: "http://img.b2bpic.net/free-photo/young-domestic-white-cat-chilling-comfy-position-yellow-background_1268-19882.jpg" },
|
||||
{ id: "p4", name: "British Shorthair #4", price: "Available", variant: "Active", imageSrc: "http://img.b2bpic.net/free-photo/gray-cat-relaxing_176474-6812.jpg" }
|
||||
]}
|
||||
title="Available Kittens"
|
||||
description="Meet our latest arrivals looking for their forever homes."
|
||||
/>
|
||||
</div>
|
||||
<div id="kittens" data-section="kittens">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{ id: "p1", name: "Alfie", price: "Reserved", variant: "Available", imageSrc: "http://img.b2bpic.net/free-photo/side-view-old-man-petting-cat_23-2150139653.jpg?_wi=1" },
|
||||
{ id: "p2", name: "Bella", price: "Available", variant: "Calm", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-beautiful-cat_23-2149214422.jpg" },
|
||||
{ id: "p3", name: "Charlie", price: "Available", variant: "Plush", imageSrc: "http://img.b2bpic.net/free-photo/young-domestic-white-cat-chilling-comfy-position-yellow-background_1268-19882.jpg" },
|
||||
{ id: "p4", name: "Daisy", price: "Available", variant: "Active", imageSrc: "http://img.b2bpic.net/free-photo/gray-cat-relaxing_176474-6812.jpg" }
|
||||
]}
|
||||
title="New Arrivals"
|
||||
description="Meet the latest litter available for placement."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="values" data-section="values">
|
||||
<AboutMetric
|
||||
useInvertedBackground={false}
|
||||
title="Why Choose Christable?"
|
||||
metrics={[
|
||||
{ icon: Shield, label: "Health", value: "Guaranteed" },
|
||||
{ icon: Home, label: "Family", value: "Raised" },
|
||||
{ icon: Heart, label: "Ethics", value: "Prioritized" }
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="values" data-section="values">
|
||||
<AboutMetric
|
||||
useInvertedBackground={false}
|
||||
title="The Christable Standard"
|
||||
metrics={[
|
||||
{ icon: Shield, label: "Health", value: "Certified" },
|
||||
{ icon: Award, label: "Pedigree", value: "Elite" },
|
||||
{ icon: Users, label: "Support", value: "Lifetime" },
|
||||
{ icon: Heart, label: "Ethics", value: "First" }
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Sarah J.", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-hugging-cute-cat_23-2149242552.jpg" },
|
||||
{ id: "t2", name: "Michael C.", imageSrc: "http://img.b2bpic.net/free-photo/family-sitting-sofa-with-dog-christmas_23-2147583236.jpg" }
|
||||
]}
|
||||
cardTitle="Happy Families"
|
||||
cardTag="Stories"
|
||||
cardAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={true}
|
||||
cardTitle="Trusted by 60+ Happy Families"
|
||||
cardTag="Our Community"
|
||||
cardAnimation="blur-reveal"
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Sarah J.", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-hugging-cute-cat_23-2149242552.jpg" },
|
||||
{ id: "t2", name: "Michael C.", imageSrc: "http://img.b2bpic.net/free-photo/family-sitting-sofa-with-dog-christmas_23-2147583236.jpg" },
|
||||
{ id: "t3", name: "Elena M.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-veterinarian-taking-care-pet_23-2149143844.jpg" },
|
||||
{ id: "t4", name: "David R.", imageSrc: "http://img.b2bpic.net/free-photo/pets-morning-comfort-rest-people-concept_158595-7406.jpg" },
|
||||
{ id: "t5", name: "Alice W.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-old-man-petting-cat_23-2150139653.jpg?_wi=2" },
|
||||
{ id: "t6", name: "Thomas P.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-cute-little-black-white-kitten-basket-with-green-textile_181624-53490.jpg?_wi=2" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="process" data-section="process">
|
||||
<FeatureCardTwelve
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ id: "f1", label: "01", title: "Contact", items: ["Reach out to inquire about current litter availability."] },
|
||||
{ id: "f2", label: "02", title: "Match", items: ["We guide you to the perfect kitten based on your lifestyle."] },
|
||||
{ id: "f3", label: "03", title: "Reserve", items: ["Deposit secures your choice and kitten reservation."] },
|
||||
{ id: "f4", label: "04", title: "Delivery", items: ["Safe transport to your home or in-person pickup."] }
|
||||
]}
|
||||
title="Simple Adoption Process"
|
||||
description="We make the journey to your new kitten transparent and joyful."
|
||||
/>
|
||||
</div>
|
||||
<div id="process" data-section="process">
|
||||
<FeatureCardTwelve
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ id: "f1", label: "01", title: "Consultation", items: ["Initial discovery call"] },
|
||||
{ id: "f2", label: "02", title: "Matching", items: ["Temperament alignment"] },
|
||||
{ id: "f3", label: "03", title: "Reservation", items: ["Formal deposit secured"] },
|
||||
{ id: "f4", label: "04", title: "Placement", items: ["Safe transition support"] }
|
||||
]}
|
||||
title="Simplified Journey"
|
||||
description="Our process is designed to be as smooth and transparent as possible."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{ id: "q1", title: "How do I begin the adoption process?", content: "Start by contacting us through our form. We assess potential homes to ensure the right fit for both our kittens and your family lifestyle." },
|
||||
{ id: "q2", title: "What health guarantees are provided?", content: "All our kittens are fully vet-checked, vaccinated, and come with a comprehensive health guarantee covering genetic conditions for your peace of mind." },
|
||||
{ id: "q3", title: "How is the kitten delivered to me?", content: "We offer personalized coordination for transport, ensuring a safe and comfortable journey for your new companion directly to your home." },
|
||||
{ id: "q4", title: "Do you provide support after adoption?", content: "Absolutely. We are here for you for the lifetime of your kitten, providing guidance on nutrition, care, and settling into their new environment." }
|
||||
]}
|
||||
sideTitle="Your Questions, Answered"
|
||||
sideDescription="We are committed to full transparency regarding our breeding standards and the adoption process."
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{ id: "q1", title: "Health Guarantee", content: "Comprehensive 2-year genetic health coverage included." },
|
||||
{ id: "q2", title: "Temperament", content: "Our kittens are raised in a family environment, well-socialized and calm." },
|
||||
{ id: "q3", title: "Support", content: "You gain access to our private owner community and 24/7 care support." },
|
||||
{ id: "q4", title: "Delivery", content: "We coordinate safe, stress-free transport solutions worldwide." }
|
||||
]}
|
||||
sideTitle="Common Inquiries"
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
tag="Get In Touch"
|
||||
title="Ready to Welcome Your New Companion?"
|
||||
description="Reach out today to discuss upcoming litters or to ask any questions you have about our program."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/desk-arrangement-with-laptop_23-2148541546.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
buttonText="Send Message"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
tag="Inquire Now"
|
||||
title="Let's Connect"
|
||||
description="Reach out to discuss your future kitten."
|
||||
buttonText="Submit Inquiry"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{ items: [{ label: "Home", href: "#hero" }, { label: "Kittens", href: "#kittens" }, { label: "Process", href: "#process" }] },
|
||||
{ items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }, { label: "Support Us", href: "#contact" }] }
|
||||
]}
|
||||
logoText="Christable Gilded Circle"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{ items: [{ label: "Home", href: "#hero" }, { label: "Available Kittens", href: "#kittens" }, { label: "Adoption Process", href: "#process" }] },
|
||||
{ items: [{ label: "Ethics & Care", href: "#values" }, { label: "FAQs", href: "#faq" }, { label: "Support", href: "#contact" }] }
|
||||
]}
|
||||
logoText="Christable Gilded Circle"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user