Compare commits
10 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| aff22480e0 | |||
| 5e07542215 | |||
| 9d6a4d9a38 | |||
| f99cfafeb9 | |||
| daa5e0597b | |||
| b29cd16805 | |||
| 9e6431015e | |||
| a88334c6be | |||
| 89e05b6d5f | |||
| f6b1fb59ca |
282
src/app/page.tsx
282
src/app/page.tsx
@@ -3,16 +3,16 @@
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import AboutMetric from '@/components/sections/about/AboutMetric';
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
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 } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -29,157 +29,149 @@ 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="British Elegance. Raised with Love."
|
||||
description="Premium British Shorthair kittens, ethically bred, health guaranteed, and raised in a loving home."
|
||||
testimonials={[
|
||||
{ name: "Sarah J.", handle: "@sarahj", testimonial: "Our kitten is perfect—healthy and so loving!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-veterinarian-taking-care-pet_23-2149143844.jpg" },
|
||||
{ name: "Michael C.", handle: "@mikec", testimonial: "Smooth process and very trustworthy breeder.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/pets-morning-comfort-rest-people-concept_158595-7406.jpg" },
|
||||
{ name: "Emily R.", handle: "@emilyr", testimonial: "You can tell these kittens are raised with care.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-farmer-taking-care-his-business_329181-15979.jpg" },
|
||||
{ name: "David K.", handle: "@davidk", testimonial: "Exceptional communication throughout the adoption.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-wearing-eyeglasses-playing-white-puppy_23-2148164506.jpg" },
|
||||
{ name: "Lisa M.", handle: "@lisam", testimonial: "Such a healthy, well-socialized kitten.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/male-holding-cup-goat-milk-while-playing-with-dog_23-2148673072.jpg" }
|
||||
]}
|
||||
buttons={[{ text: "Reserve Your Kitten", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/closeup-shot-cute-little-black-white-kitten-basket-with-green-textile_181624-53490.jpg"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/low-angle-shot-cute-kitten-sitting-couch_181624-15583.jpg", alt: "Low angle shot of a cute kitten sitting on the couch" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/pets-morning-comfort-rest-people-concept_158595-7400.jpg", alt: "Pets, morning, comfort, rest and people concept" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/closeup-shot-very-cute-kitty-sofa_181624-42196.jpg", alt: "Closeup shot of a very cute kitty on the sofa" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-beautiful-cat-with-owner_23-2149216344.jpg", alt: "Close up on beautiful cat with the owner" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/long-haired-young-woman-holding-her-cat_1140-223.jpg", alt: "Long-haired young woman holding her cat" }
|
||||
]}
|
||||
/>
|
||||
</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" },
|
||||
{ id: "p5", name: "British Shorthair #5", price: "Available", variant: "Sweet", imageSrc: "http://img.b2bpic.net/free-photo/view-adorable-kitten-inside-house_23-2150758116.jpg" },
|
||||
{ id: "p6", name: "British Shorthair #6", price: "Available", variant: "Affectionate", imageSrc: "http://img.b2bpic.net/free-photo/gray-adult-cat-lies-floor_661209-580.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" },
|
||||
{ id: "t3", name: "Emily R.", imageSrc: "http://img.b2bpic.net/free-photo/female-white-dress-posing-with-grey-cute-kitten_140725-25721.jpg" },
|
||||
{ id: "t4", name: "David K.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-girl-holding-book-dog_23-2148861603.jpg" },
|
||||
{ id: "t5", name: "Lisa M.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-japanese-woman-with-cat_23-2150492139.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: "Are kittens vaccinated?", content: "Yes, all kittens undergo full vet checks and vaccination cycles before leaving." },
|
||||
{ id: "q2", title: "Do you offer delivery?", content: "Yes, we coordinate safe and stress-free delivery options for our kittens." },
|
||||
{ id: "q3", title: "How do I reserve?", content: "Simply contact us through our form, and we will guide you through the process." }
|
||||
]}
|
||||
sideTitle="Questions?"
|
||||
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 Adopt?"
|
||||
description="Have questions about our British Shorthairs or want to support our mission? Reach out."
|
||||
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">
|
||||
<ContactSplitForm
|
||||
title="Let's Connect"
|
||||
description="Reach out to discuss your future kitten."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Full Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Your Email Address", required: true },
|
||||
{ name: "phone", type: "tel", placeholder: "Phone Number", required: true },
|
||||
{ name: "location", type: "text", placeholder: "City, Country", required: true },
|
||||
{ name: "budget", type: "text", placeholder: "Estimated Budget range", required: true }
|
||||
]}
|
||||
multiSelect={{ name: "inquiry", label: "What are you looking for?", options: ["Adoption Inquiry", "General Question", "Support Request", "Partnership"] }}
|
||||
textarea={{ name: "message", placeholder: "Tell us more about yourself and your home environment...", rows: 4 }}
|
||||
buttonText="Submit Inquiry"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</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