bender/23eaffa8-417f-4b96-9298-4fa608e3396f
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_3_1779538077592 into main

Browse Source 
Merge version_3_1779538077592 into main
This commit was merged in pull request #2.
This commit is contained in:
bender
2026-05-23 12:09:51 +00:00
parent 348da67b5e 10c058b6ea
commit 4fe74c3e82
1 changed files with 85 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

88
src/pages/HomePage.tsx
View File

@@ -2,22 +2,104 @@ import AboutText from '@/components/sections/about/AboutText';
import ContactCta from '@/components/sections/contact/ContactCta';
import FaqSimple from '@/components/sections/faq/FaqSimple';
import FeaturesTaggedCards from '@/components/sections/features/FeaturesTaggedCards';
import HeroSplit from '@/components/sections/hero/HeroSplit';
import MetricsMinimalCards from '@/components/sections/metrics/MetricsMinimalCards';
import ProductVariantCards from '@/components/sections/product/ProductVariantCards';
import SocialProofMarquee from '@/components/sections/social-proof/SocialProofMarquee';
import TestimonialMarqueeCards from '@/components/sections/testimonial/TestimonialMarqueeCards';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
import SectionErrorBoundary from '@/components/ui/SectionErrorBoundary';
import Button from '@/components/ui/Button';
import HeroBackgroundSlot from '@/components/ui/HeroBackgroundSlot';
import TextAnimation from '@/components/ui/TextAnimation';
import ImageOrVideo from '@/components/ui/ImageOrVideo';
import ScrollReveal from '@/components/ui/ScrollReveal';
// ── Inlined from src/components/sections/hero/HeroSplit.tsx (was <HeroSplit />)
// You can now edit InlinedHeroSplit freely below — it is a local copy and
// will not affect any other page that imports the original HeroSplit.
type HeroSplitProps = {
tag: string;
title: string;
description: string;
primaryButton: { text: string; href: string };
secondaryButton: { text: string; href: string };
} & ({ imageSrc: string; videoSrc?: never } | { videoSrc: string; imageSrc?: never });
const InlinedHeroSplit = ({
tag,
title,
description,
primaryButton,
secondaryButton,
imageSrc,
videoSrc,
}: HeroSplitProps) => {
return (
<section aria-label="Hero section" className="relative flex items-center h-fit md:h-svh pt-25 pb-20 md:py-0">
<HeroBackgroundSlot />
<div className="flex flex-col md:flex-row items-center gap-10 md:gap-20 w-content-width mx-auto">
<div className="w-full md:w-1/2">
<div className="flex flex-col items-center md:items-start gap-3">
<div className="px-3 py-1 mb-1 text-sm card rounded w-fit">
<p>{tag}</p>
</div>
<TextAnimation
text={title}
variant="fade-blur"
gradientText={true}
tag="h1"
className="text-7xl 2xl:text-8xl font-medium text-center md:text-left text-balance"
/>
<TextAnimation
text={description}
variant="fade-blur"
gradientText={false}
tag="p"
className="max-w-8/10 text-lg md:text-xl leading-tight text-center md:text-left"
/>
<div className="flex items-center gap-1 mt-4 p-3 card rounded-theme w-fit">
<span className="text-yellow-500">★★★★★</span>
<p className="text-sm text-foreground/80">(120 Reviews)</p>
</div>
<div className="flex items-center gap-1 mt-4 p-3 card rounded-theme w-fit">
<span className="text-yellow-500">★★★★★</span>
<p className="text-sm text-foreground/80">(120 Reviews)</p>
</div>
<div className="flex items-center gap-1 mt-4 p-3 card rounded-theme w-fit">
<span className="text-yellow-500">★★★★★</span>
<p className="text-sm text-foreground/80">(120 Reviews)</p>
</div>
<div className="flex items-center gap-1 mt-4 p-3 card rounded-theme w-fit">
<span className="text-yellow-500">★★★★★</span>
<p className="text-sm text-foreground/80">(120 Reviews)</p>
</div>
<div className="flex flex-wrap max-md:justify-center gap-3 mt-3">
<Button text={primaryButton.text} href={primaryButton.href} variant="primary"/>
<Button text={secondaryButton.text} href={secondaryButton.href} variant="secondary"animationDelay={0.1} />
</div>
</div>
</div>
<ScrollReveal variant="fade-blur" delay={0.2} className="w-full md:w-1/2 h-100 md:h-[65vh] md:max-h-[75svh] p-3 xl:p-4 2xl:p-5 card rounded overflow-hidden">
<ImageOrVideo imageSrc={imageSrc} videoSrc={videoSrc} />
</ScrollReveal>
</div>
</section>
);
};
export default function HomePage() {
return (
<>
<div id="hero" data-section="hero">
<SectionErrorBoundary name="hero">
<HeroSplit
<InlinedHeroSplit
tag="Your Next Adventure Awaits"
title="Explore the World with Wanderlust Journeys"
description="We craft unforgettable travel experiences tailored just for you. Discover new horizons with our expert guidance."
primaryButton={{
text: "Plan Your Trip",
href: "#contact",