bender/a152e944-c0ef-46f7-abbf-65dbfcc7ea2d
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

merge into: bender:version_4_1780322549753
Branches Tags
bender:main bender:version_6_1780323139214 bender:version_5_1780322825608 bender:version_4_1780322549753 bender:version_3_1780322210209 bender:version_2_1780320845062 bender:version_1_1780320624324
...
pull from: bender:main
Branches Tags
bender:main bender:version_6_1780323139214 bender:version_5_1780322825608 bender:version_4_1780322549753 bender:version_3_1780322210209 bender:version_2_1780320845062 bender:version_1_1780320624324

7 Commits
version_4_ ... main

Author SHA1 Message Date
bender
8531bb7d2a Merge version_6_1780323139214 into main 
Merge version_6_1780323139214 into main
 2026-06-01 14:15:59 +00:00
kudinDmitriyUp
3563b006cf Bob AI: In the 'Our Work' (portfolio) section, add a project name la 2026-06-01 14:15:23 +00:00
bender
1ebdad1067 Merge version_5_1780322825608 into main 
Merge version_5_1780322825608 into main
 2026-06-01 14:09:45 +00:00
kudinDmitriyUp
c845e329c4 Bob AI: Adjust the width and roundedness of the 'portfolio' section 2026-06-01 14:09:12 +00:00
bender
3833da05ca Switch to version 4: modified src/pages/HomePage.tsx 2026-06-01 14:06:46 +00:00
bender
ae73383f7b Switch to version 3: modified src/pages/HomePage.tsx 2026-06-01 14:06:30 +00:00
bender
90d7180424 Merge version_4_1780322549753 into main 
Merge version_4_1780322549753 into main
 2026-06-01 14:05:17 +00:00
1 changed files with 21 additions and 18 deletions
Expand all files Collapse all files

39
src/pages/HomePage.tsx
View File

@@ -6,6 +6,7 @@ import MetricsSimpleCards from '@/components/sections/metrics/MetricsSimpleCards
import TestimonialTrustCard from '@/components/sections/testimonial/TestimonialTrustCard'; import TestimonialTrustCard from '@/components/sections/testimonial/TestimonialTrustCard';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary"; import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
import ScrollReveal from "@/components/ui/ScrollReveal"; import ScrollReveal from "@/components/ui/ScrollReveal";
import ImageOrVideo from "@/components/ui/ImageOrVideo";
export default function HomePage() { export default function HomePage() {
return ( return (
@@ -51,7 +52,7 @@ export default function HomePage() {
<div id="about" data-section="about"> <div id="about" data-section="about">
<SectionErrorBoundary name="about"> <SectionErrorBoundary name="about">
<section className="bg-background flex flex-col items-center justify-center text-center px-6"> <section className="bg-background flex flex-col items-center justify-center text-center px-6">
<div className="max-w-content-width mx-auto"> <div className="w-full max-w-content-width mx-auto">
<ScrollReveal variant="slide-up"> <ScrollReveal variant="slide-up">
<h2 className="text-3xl md:text-5xl font-bold text-foreground tracking-tight"> <h2 className="text-3xl md:text-5xl font-bold text-foreground tracking-tight">
Your Trusted Partner for Outdoor Beauty Your Trusted Partner for Outdoor Beauty
@@ -103,7 +104,7 @@ export default function HomePage() {
<div id="portfolio" data-section="portfolio"> <div id="portfolio" data-section="portfolio">
<SectionErrorBoundary name="portfolio"> <SectionErrorBoundary name="portfolio">
<section className="bg-background relative"> <section className="bg-background relative">
<div className="max-w-content-width mx-auto px-6"> <div className="w-full max-w-content-width mx-auto px-6">
<div className="flex flex-col items-center text-center"> <div className="flex flex-col items-center text-center">
<ScrollReveal variant="slide-up"> <ScrollReveal variant="slide-up">
<div className="inline-flex items-center rounded-full border border-primary-cta/20 bg-primary-cta/10 px-3 py-1 text-sm font-medium text-primary-cta mb-4"> <div className="inline-flex items-center rounded-full border border-primary-cta/20 bg-primary-cta/10 px-3 py-1 text-sm font-medium text-primary-cta mb-4">
@@ -156,22 +157,24 @@ export default function HomePage() {
className: "md:col-span-1 md:row-span-1" className: "md:col-span-1 md:row-span-1"
}, },
].map((item, i) => ( ].map((item, i) => (
<ScrollReveal <div key={i} className={item.className}>
key={i} <ScrollReveal
variant="fade-blur" variant="fade-blur"
delay={i * 0.1} delay={i * 0.1}
className={`relative group overflow-hidden rounded-theme ${item.className ||''}`} className="w-full h-full"
> >
<div className="absolute inset-0 bg-gradient-to-t from-black/80 via-black/20 to-transparent z-10 opacity-80 group-hover:opacity-100 transition-opacity duration-300" /> <div className="relative group overflow-hidden rounded-lg shadow-lg w-full h-full">
<img <div className="absolute inset-0 bg-gradient-to-t from-black/80 via-black/20 to-transparent z-10 opacity-80 group-hover:opacity-100 transition-opacity duration-300" />
src={item.imageSrc} <ImageOrVideo
alt={item.title} imageSrc={item.imageSrc}
className="w-full h-full object-cover transition-transform duration-700 group-hover:scale-110" className="w-full h-full object-cover transition-transform duration-700 group-hover:scale-110"
/> />
<div className="absolute bottom-0 left-0 right-0 p-6 z-20"> <div className="absolute bottom-0 left-0 right-0 p-6 z-20">
<h3 className="text-white text-lg md:text-xl font-bold translate-y-2 group-hover:translate-y-0 transition-transform duration-300">{item.title}</h3> <h3 className="text-white text-lg md:text-xl font-bold translate-y-2 group-hover:translate-y-0 transition-transform duration-300">{item.title}</h3>
</div> </div>
</ScrollReveal> </div>
</ScrollReveal>
</div>
))} ))}
</div> </div>
</div> </div>