bender/cba3fbab-eff9-4775-ba67-0bd061595ed7
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main #3

Merged
bender merged 2 commits from version_2 into main 2026-04-03 14:20:15 +00:00
Conversation 0 Commits 2 Files Changed 2 +48 -230
2 changed files with 48 additions and 230 deletions
Download Patch File Download Diff File Expand all files Collapse all files

266
src/app/page.tsx
View File

@@ -2,13 +2,14 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import FooterCard from '@/components/sections/footer/FooterCard';
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
import TeamCardFive from '@/components/sections/team/TeamCardFive';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import { PawPrint, Heart, Bone, Sparkles } from "lucide-react";
export default function LandingPage() {
return (
@@ -28,18 +29,9 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home",
id: "/",
},
{
name: "Technology",
id: "/tech",
},
{
name: "Shop",
id: "/shop",
},
{ name: "Home", id: "/" },
{ name: "Technology", id: "/tech" },
{ name: "Shop", id: "/shop" },
]}
brandName="PawsTech"
/>
@@ -47,129 +39,20 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplitDoubleCarousel
background={{
variant: "plain",
}}
background={{ variant: "plain" }}
title="The Future of Canine Comfort"
description="Innovative, premium tech essentials designed to enhance the life of your best friend."
leftCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/young-caucasian-woman-sportswoman-smiling-confident-using-laptop-with-dog-home_839833-8077.jpg?_wi=1",
imageAlt: "Smart tech dog collar",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/young-caucasian-woman-sportswoman-smiling-confident-using-laptop-with-dog-home_839833-8077.jpg?_wi=2",
imageAlt: "Smart tech dog collar",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/young-caucasian-woman-sportswoman-smiling-confident-using-laptop-with-dog-home_839833-8077.jpg?_wi=3",
imageAlt: "Smart tech dog collar",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/young-caucasian-woman-sportswoman-smiling-confident-using-laptop-with-dog-home_839833-8077.jpg?_wi=4",
imageAlt: "Smart tech dog collar",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/young-caucasian-woman-sportswoman-smiling-confident-using-laptop-with-dog-home_839833-8077.jpg?_wi=5",
imageAlt: "Smart tech dog collar",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/young-caucasian-woman-sportswoman-smiling-confident-using-laptop-with-dog-home_839833-8077.jpg?_wi=6",
imageAlt: "Smart tech dog collar",
},
]}
rightCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-style-adorable-dog_23-2151107777.jpg?_wi=1",
imageAlt: "Futuristic dog bed",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-style-adorable-dog_23-2151107777.jpg?_wi=2",
imageAlt: "Futuristic dog bed",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-style-adorable-dog_23-2151107777.jpg?_wi=3",
imageAlt: "Futuristic dog bed",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-style-adorable-dog_23-2151107777.jpg?_wi=4",
imageAlt: "Futuristic dog bed",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-style-adorable-dog_23-2151107777.jpg?_wi=5",
imageAlt: "Futuristic dog bed",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-style-adorable-dog_23-2151107777.jpg?_wi=6",
imageAlt: "Futuristic dog bed",
},
]}
buttons={[
{
text: "Shop Essentials",
href: "/shop",
},
{
text: "Learn Tech",
href: "/tech",
},
]}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/studio-portrait-attractive-happy-blonde-room-with-loft-interior_613910-8845.jpg",
alt: "Customer 1",
},
{
src: "http://img.b2bpic.net/free-photo/love-domestic-animals-pets-cheerful-curly-haired-female-dog-owner-winks-eye-sticks-out-tongue-poses-with-favorite-pug-dog-plan-vacation-enjoy-good-day-isolated-brown-background_273609-61536.jpg",
alt: "Customer 2",
},
{
src: "http://img.b2bpic.net/free-photo/full-shot-women-dog-with-ball_23-2148977462.jpg",
alt: "Customer 3",
},
{
src: "http://img.b2bpic.net/free-photo/elegant-woman-brown-coat-with-black-bulldog_1157-31802.jpg",
alt: "Customer 4",
},
{
src: "http://img.b2bpic.net/free-photo/cute-puppy-bag-outdoors_23-2150565423.jpg",
alt: "Customer 5",
},
]}
leftCarouselItems={[{ imageSrc: "http://img.b2bpic.net/free-photo/young-caucasian-woman-sportswoman-smiling-confident-using-laptop-with-dog-home_839833-8077.jpg?_wi=1" }]}
rightCarouselItems={[{ imageSrc: "http://img.b2bpic.net/free-photo/futuristic-style-adorable-dog_23-2151107777.jpg?_wi=1" }]}
buttons={[{ text: "Shop Essentials", href: "/shop" }, { text: "Learn Tech", href: "/tech" }]}
avatarText="Trusted by 5,000+ happy pet parents"
marqueeItems={[
{
type: "text",
text: "Innovative Design",
},
{
type: "text",
text: "Pet-Safe Sensors",
},
{
type: "text",
text: "Weatherproof Tech",
},
{
type: "text",
text: "Premium Durability",
},
{
type: "text",
text: "Smart Comfort",
},
]}
/>
</div>
<div id="about" data-section="about">
<TextSplitAbout
useInvertedBackground={false}
title="Redefining Pet Care"
description={[
"At PawsTech, we blend cutting-edge technology with high-quality materials to provide the ultimate comfort for your dog.",
"Our mission is to improve the quality of life for pets everywhere through thoughtful innovation.",
]}
description={["At PawsTech, we blend cutting-edge technology with high-quality materials to provide the ultimate comfort for your dog.", "Our mission is to improve the quality of life for pets everywhere through thoughtful innovation."]}
/>
</div>
@@ -177,86 +60,38 @@ export default function LandingPage() {
<TestimonialCardThirteen
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Alice M.",
handle: "@alicem",
testimonial: "My dog loves the new warm bed! Truly a premium build.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-attractive-happy-blonde-room-with-loft-interior_613910-8845.jpg?_wi=1",
},
{
id: "2",
name: "Bob K.",
handle: "@bobk",
testimonial: "The tech jacket is perfect for our rainy hikes.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/love-domestic-animals-pets-cheerful-curly-haired-female-dog-owner-winks-eye-sticks-out-tongue-poses-with-favorite-pug-dog-plan-vacation-enjoy-good-day-isolated-brown-background_273609-61536.jpg?_wi=1",
},
{
id: "3",
name: "Carol L.",
handle: "@caroll",
testimonial: "Best toys we've found, they actually hold up well.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-women-dog-with-ball_23-2148977462.jpg",
},
{
id: "4",
name: "David R.",
handle: "@davidr",
testimonial: "The mat is durable and easy to clean, totally worth it.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/elegant-woman-brown-coat-with-black-bulldog_1157-31802.jpg",
},
{
id: "5",
name: "Eva P.",
handle: "@evap",
testimonial: "Great integration and thoughtful design, very happy.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/cute-puppy-bag-outdoors_23-2150565423.jpg",
},
]}
showRating={true}
title="Trusted by Pet Parents"
description="See why owners and their dogs love our premium tech collection."
testimonials={[{ id: "1", name: "Alice M.", handle: "@alicem", testimonial: "My dog loves the new warm bed! Truly a premium build.", rating: 5 }]}
showRating={true}
/>
</div>
<div id="pricing" data-section="pricing">
<PricingCardOne
<PricingCardThree
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
title="Choose Your Tech Plan"
description="Select the perfect gear level for your furry companion's lifestyle."
title="Playful Pricing Tiers"
description="Choose the perfect tech plan for your pup's lifestyle!"
plans={[
{
id: "basic",
badge: "Essentials",
price: "$29",
subtitle: "For daily tech needs",
features: [
"Basic Collar",
"Support",
"1 Year Warranty",
],
},
{
id: "pro",
badge: "Premium",
price: "$79",
subtitle: "Advanced tracking & comfort",
features: [
"Smart Bed",
"Health Monitor",
"Priority Support",
"Lifetime Warranty",
],
{
id: "play",
name: "Playful Pup",
price: "$29",
badge: "Essential Fun",
badgeIcon: Bone,
features: ["Basic Tech Collar", "Monthly Toy Box", "24/7 Support"],
buttons: [{ text: "Get Started" }]
},
{
id: "premium",
name: "Happy Tail",
price: "$79",
badge: "Ultimate Comfort",
badgeIcon: PawPrint,
features: ["Smart Tracking Bed", "Health Monitoring App", "Lifetime Warranty", "Priority Care"],
buttons: [{ text: "Go Premium" }]
}
]}
/>
</div>
@@ -264,41 +99,24 @@ export default function LandingPage() {
<div id="team" data-section="team">
<TeamCardFive
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
title="Meet the Experts"
description="Our passionate team of animal behaviorists and engineers."
team={[
{
id: "t1",
name: "Sarah Chen",
role: "Lead Engineer",
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-attractive-happy-blonde-room-with-loft-interior_613910-8845.jpg?_wi=2",
},
{
id: "t2",
name: "Mark Roberts",
role: "Pet Behaviorist",
imageSrc: "http://img.b2bpic.net/free-photo/love-domestic-animals-pets-cheerful-curly-haired-female-dog-owner-winks-eye-sticks-out-tongue-poses-with-favorite-pug-dog-plan-vacation-enjoy-good-day-isolated-brown-background_273609-61536.jpg?_wi=2",
},
]}
team={[{ id: "t1", name: "Sarah Chen", role: "Lead Engineer" }]}
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoReveal
<FooterCard
logoText="PawsTech"
leftLink={{
text: "Privacy Policy",
href: "#",
}}
rightLink={{
text: "Contact Us",
href: "#",
}}
copyrightText="© 2025 PawsTech | Made with love for pets"
socialLinks={[
{ icon: Heart, href: "#", ariaLabel: "Heart" },
{ icon: PawPrint, href: "#", ariaLabel: "Paw" },
{ icon: Sparkles, href: "#", ariaLabel: "Sparkles" }
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}

12
src/app/styles/variables.css
View File

@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #f5f5f5;
--card: #ffffff;
--foreground: #1c1c1c;
--primary-cta: #1c1c1c;
--background: #fbfaff;
--card: #f7f5ff;
--foreground: #0f0022;
--primary-cta: #8b5cf6;
--primary-cta-text: #f5f5f5;
--secondary-cta: #ffffff;
--secondary-cta-text: #1c1c1c;
--accent: #15479c;
--background-accent: #a8cce8;
--accent: #d8cef5;
--background-accent: #c4a8f9;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);