7 Commits

Author SHA1 Message Date
4286157022 Update src/app/shipping/page.tsx 2026-04-21 17:10:22 +00:00
db03d02698 Update src/app/shipping/page.tsx 2026-04-21 17:09:52 +00:00
d367e899a9 Update src/app/about/page.tsx 2026-04-21 17:09:52 +00:00
08bea816a5 Add src/app/shipping/page.tsx 2026-04-21 17:09:20 +00:00
2109174d19 Update src/app/page.tsx 2026-04-21 17:09:19 +00:00
eaed6b204e Add src/app/about/page.tsx 2026-04-21 17:09:19 +00:00
22b1baec0d Merge version_1 into main
Merge version_1 into main
2026-04-21 16:59:32 +00:00
3 changed files with 151 additions and 287 deletions

50
src/app/about/page.tsx Normal file
View File

@@ -0,0 +1,50 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
export default function AboutPage() {
return (
<ThemeProvider
defaultButtonVariant="text-stagger"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{ name: "Home", id: "/" },
{ name: "About", id: "/about" },
{ name: "Shipping", id: "/shipping" },
]}
/>
</div>
<div id="about" data-section="about">
<TextSplitAbout
title="About Our Ethical Mission"
description={[
"We are dedicated to providing the highest standard of care for every bird in our sanctuary.", "Our commitment to avian welfare drives every decision we make."
]}
useInvertedBackground={false}
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseReveal
logoText="Feathered Friend"
columns={[
{ title: "Navigation", items: [{ label: "Home", href: "/" }, { label: "About", href: "/about" }, { label: "Shipping", href: "/shipping" }] }
]}
/>
</div>
</ThemeProvider>
);
}

View File

@@ -2,305 +2,64 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react"; import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm'; import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import FaqBase from '@/components/sections/faq/FaqBase'; import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow'; import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import FooterCard from '@/components/sections/footer/FooterCard'; import { Package, TrendingUp, ShoppingCart, BarChart } from "lucide-react";
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import { ShieldCheck, Truck, Zap } from "lucide-react";
export default function LandingPage() { export default function AdminDashboard() {
return ( return (
<ThemeProvider <ThemeProvider
defaultButtonVariant="elastic-effect" defaultButtonVariant="elastic-effect"
defaultTextAnimation="entrance-slide" defaultTextAnimation="entrance-slide"
borderRadius="soft" borderRadius="soft"
contentWidth="small" contentWidth="medium"
sizing="large" sizing="medium"
background="noise" background="noise"
cardStyle="soft-shadow" cardStyle="glass-elevated"
primaryButtonStyle="shadow" primaryButtonStyle="shadow"
secondaryButtonStyle="glass" secondaryButtonStyle="glass"
headingFontWeight="medium" headingFontWeight="semibold"
> >
<ReactLenis root> <ReactLenis root>
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarStyleApple <NavbarLayoutFloatingOverlay
navItems={[ navItems={[
{ { name: "Dashboard", id: "metrics" },
name: "Home", { name: "Inventory", id: "products" },
id: "hero", { name: "Orders", id: "orders" },
}, { name: "Analytics", id: "analytics" }
{ ]}
name: "All Parrots", brandName="InventoryPro"
id: "products", />
}, </div>
{
name: "About",
id: "about",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="Feathered Friend"
/>
</div>
<div id="hero" data-section="hero"> <div id="metrics" data-section="metrics">
<HeroBillboardScroll <MetricCardSeven
background={{ title="Dashboard Overview"
variant: "sparkles-gradient", description="Real-time insights for your inventory and order management system."
}} animationType="slide-up"
title="Welcome the Feathered Friend" metrics={[
description="Buy parrots online from United Kingdoms Most Reliable Bird Shop. Feathered Friend brings healthy, happy companions directly to your home." { id: "1", value: "1,284", title: "Total Products", items: ["+12% from last month"] },
buttons={[ { id: "2", value: "452", title: "Pending Orders", items: ["24 items urgent"] },
{ { id: "3", value: "£84.2k", title: "Monthly Revenue", items: ["+8% growth"] },
text: "View Parrots", { id: "4", value: "98%", title: "Stock Accuracy", items: ["Verified daily"] }
href: "#products", ]}
}, textboxLayout="split"
]} useInvertedBackground={false}
imageSrc="http://img.b2bpic.net/free-photo/fantasy-bird-illustration_23-2151496082.jpg?_wi=1" />
/> </div>
</div>
<div id="about" data-section="about"> <div id="footer" data-section="footer">
<InlineImageSplitTextAbout <FooterBaseReveal
useInvertedBackground={false} logoText="InventoryPro"
heading={[ copyrightText="© 2026 InventoryPro Systems"
{ columns={[
type: "text", { title: "System", items: [{ label: "Logs", href: "#" }, { label: "Settings", href: "#" }] },
content: "Trusted Parrot Aviary", { title: "Support", items: [{ label: "Help Center", href: "#" }, { label: "API Docs", href: "#" }] }
}, ]}
{ />
type: "image", </div>
src: "http://img.b2bpic.net/free-photo/cool-dream-catcher-outdoors_23-2150722256.jpg",
alt: "About Feathered Friend",
},
]}
buttons={[
{
text: "Learn More",
href: "#about",
},
]}
/>
</div>
<div id="features" data-section="features">
<FeatureBorderGlow
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={true}
features={[
{
icon: Truck,
title: "Delivered With Care",
description: "Expert shipping services to ensure your bird arrives safely and comfortably.",
},
{
icon: ShieldCheck,
title: "Secured Payment",
description: "Safe and encrypted payment gateways for a worry-free shopping experience.",
},
{
icon: Zap,
title: "Priority Shipping",
description: "Guaranteed fast shipping so your feathered friend arrives as quickly as possible.",
},
]}
title="Why Choose Us"
description="We ensure every bird is healthy, happy, and ready for their new forever home with dedicated care."
/>
</div>
<div id="products" data-section="products">
<ProductCardFour
animationType="slide-up"
textboxLayout="split"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
products={[
{
id: "1",
name: "African Grey",
price: "£1,200",
variant: "Hand-Tamed",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-holds-parrot-her-hand-kisses-it_169016-64495.jpg",
},
{
id: "2",
name: "Blue & Gold Macaw",
price: "£2,500",
variant: "Young",
imageSrc: "http://img.b2bpic.net/free-photo/animal-portrait-close-up_23-2150532677.jpg",
},
{
id: "3",
name: "Indian Ringneck",
price: "£450",
variant: "Parakeet",
imageSrc: "http://img.b2bpic.net/free-photo/blue-white-budgerigar-pets-concept-domestic-birds_169016-59226.jpg",
},
{
id: "4",
name: "Cockatoo",
price: "£1,800",
variant: "Socialized",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-with-parrot-studio_23-2150747657.jpg",
},
{
id: "5",
name: "Amazon Parrot",
price: "£950",
variant: "Young",
imageSrc: "http://img.b2bpic.net/free-photo/selective-focus-shot-white-parrot-nature_181624-56272.jpg",
},
{
id: "6",
name: "Eclectus Parrot",
price: "£1,600",
variant: "Health Checked",
imageSrc: "http://img.b2bpic.net/free-photo/up-close-look-yellow-parakeet-branch_493961-840.jpg",
},
]}
title="Parrots for Sale in UK"
description="Explore our curated selection of beautiful, healthy parrots available for nationwide shipping."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardFive
textboxLayout="split"
useInvertedBackground={true}
testimonials={[
{
id: "1",
name: "Sarah J.",
date: "2025-01-10",
title: "Happy Owner",
quote: "My African Grey arrived healthy and so happy!",
tag: "Verified",
avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-with-parrot-studio_23-2150747628.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/fantasy-bird-illustration_23-2151496082.jpg?_wi=2",
imageAlt: "happy customer parrot owner",
},
{
id: "2",
name: "Michael R.",
date: "2025-02-15",
title: "Great Service",
quote: "Professional team and excellent delivery experience.",
tag: "Verified",
avatarSrc: "http://img.b2bpic.net/free-photo/female-farmer-holding-baby-chicken_23-2149066221.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/cool-dream-catcher-outdoors_23-2150722256.jpg",
imageAlt: "happy customer parrot owner",
},
{
id: "3",
name: "Elena T.",
date: "2025-03-02",
title: "Bird Lover",
quote: "The most reliable parrot shop in London.",
tag: "Verified",
avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-holds-parrot-her-hand-kisses-it_169016-59280.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-new-birdhouse_1398-2017.jpg",
imageAlt: "happy customer parrot owner",
},
{
id: "4",
name: "David L.",
date: "2025-04-20",
title: "Avian Fan",
quote: "My Macaw is beautiful and very well-behaved.",
tag: "Verified",
avatarSrc: "http://img.b2bpic.net/free-photo/front-view-beautiful-woman-hugging-her-tabby-cat-park_23-2148045835.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/3d-payment-terminal-bank-card-blue-checkmark_107791-17014.jpg",
imageAlt: "happy customer parrot owner",
},
{
id: "5",
name: "Chloe M.",
date: "2025-05-11",
title: "Happy Family",
quote: "Everything went smoothly, very happy!",
tag: "Verified",
avatarSrc: "http://img.b2bpic.net/free-photo/bearded-man-petting-cute-bird_23-2148740486.jpg",
imageSrc: "http://img.b2bpic.net/free-vector/automotive-logo-template_23-2150529718.jpg",
imageAlt: "happy customer parrot owner",
},
]}
title="Customer Stories"
description="Hear what our happy bird owners have to say about their new companions."
/>
</div>
<div id="faq" data-section="faq">
<FaqBase
textboxLayout="split"
useInvertedBackground={false}
faqs={[
{
id: "1",
title: "Do you ship nationwide?",
content: "Yes, we ship nationwide across the UK with specialized care.",
},
{
id: "2",
title: "Are the parrots hand-tamed?",
content: "Most of our parrots are socialized and hand-tamed before reaching their new homes.",
},
{
id: "3",
title: "What payment methods do you accept?",
content: "We accept all major credit cards and secure online payments.",
},
]}
title="Common Questions"
description="Everything you need to know about buying and caring for your new bird."
faqsAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
useInvertedBackground={true}
title="Get in Touch"
description="Have questions? Our experts are here to help you choose your feathered friend."
inputs={[
{
name: "name",
type: "text",
placeholder: "Your Name",
required: true,
},
{
name: "email",
type: "email",
placeholder: "Your Email",
required: true,
},
]}
textarea={{
name: "message",
placeholder: "Your inquiry...",
rows: 4,
}}
imageSrc="http://img.b2bpic.net/free-photo/funny-pigeon-3d-illustration_183364-80250.jpg"
/>
</div>
<div id="footer" data-section="footer">
<FooterCard
logoText="Feathered Friend"
copyrightText="Copyright 2026 © Feathered Friend"
/>
</div>
</ReactLenis> </ReactLenis>
</ThemeProvider> </ThemeProvider>
); );

55
src/app/shipping/page.tsx Normal file
View File

@@ -0,0 +1,55 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
import { Truck, Globe, ShieldCheck } from "lucide-react";
export default function ShippingPage() {
return (
<ThemeProvider
defaultButtonVariant="text-stagger"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{ name: "Home", id: "/" },
{ name: "About", id: "/about" },
{ name: "Shipping", id: "/shipping" },
]}
/>
</div>
<div id="shipping" data-section="shipping">
<FeatureCardSix
title="Ethical Transport & Delivery"
description="We ensure safe and ethical transport for birds across the UK and USA."
textboxLayout="split"
useInvertedBackground={false}
features={[
{ title: "Climate Controlled Transport", description: "Our vehicles are optimized to keep our birds safe and stress-free throughout their entire journey.", imageSrc: "https://images.unsplash.com/photo-1470071459604-3b5ec3a7fe05?q=80&w=600&_wi=1" },
{ title: "International Safety Protocols", description: "Strict adherence to global wildlife transit regulations to protect every species we ship.", imageSrc: "https://images.unsplash.com/photo-1470071459604-3b5ec3a7fe05?q=80&w=600&_wi=2" },
{ title: "Care Commitment", description: "We work with specialized handlers to ensure a comfortable journey from our facility to your home.", imageSrc: "https://images.unsplash.com/photo-1470071459604-3b5ec3a7fe05?q=80&w=600&_wi=3" }
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseReveal
logoText="Feathered Friend"
columns={[
{ title: "Navigation", items: [{ label: "Home", href: "/" }, { label: "About", href: "/about" }, { label: "Shipping", href: "/shipping" }] }
]}
/>
</div>
</ThemeProvider>
);
}