development/172befc3-1dc6-4e87-958e-80dd44f7a8f6
1
0
Fork 0
Code Issues Pull Requests 7 Actions Packages Projects Releases Wiki Activity

Compare commits

merge into: development:version_3
Branches Tags
development:main development:version_8 development:version_7 development:version_6 development:version_5 development:version_4 development:version_3 development:version_2 development:version_1
...
pull from: development:version_5
Branches Tags
development:main development:version_8 development:version_7 development:version_6 development:version_5 development:version_4 development:version_3 development:version_2 development:version_1

2 Commits
version_3 ... version_5

Author SHA1 Message Date
kudindmitriy
b9fba4751f Bob AI: add our bestsellers section 2026-02-04 23:23:30 +02:00
kudindmitriy
9b1cfe3722 Bob AI: move hero section to make it the very first sectio... 2026-02-04 23:22:27 +02:00
1 changed files with 23 additions and 2 deletions
Expand all files Collapse all files

25
src/app/page.tsx
View File

@@ -11,6 +11,7 @@ import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { Camera, Zap, Sparkles, Monitor, Shield, Star, Heart } from "lucide-react";
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import CardStack from '@/components/cardStack/CardStack';
export default function LandingPage() {
return (
@@ -26,6 +27,10 @@ export default function LandingPage() {
secondaryButtonStyle="solid"
headingFontWeight="light"
>
<div id="hero" data-section="hero">
<HeroBillboardScroll title="Explore the Latest iPhone Models" description="Discover the latest features and designs in our iPhone collection. From photography to performance, we've got you covered." background={{ variant: "downward-rays-animated" }} tag="New Arrivals" tagIcon="Calendar" buttons={[{ label: "Shop Now", href: "/iphones", className: "bg-black text-white hover:bg-gray-800" }]} imageSrc="https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80" ariaLabel="iPhone Collection Hero Section" />
</div>
<div id="nav" data-section="nav">
<NavbarStyleApple
brandName="iPhone Store"
@@ -199,8 +204,24 @@ export default function LandingPage() {
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardScroll title="Explore the Latest iPhone Models" description="Discover the latest features and designs in our iPhone collection. From photography to performance, we've got you covered." background={{ variant: "downward-rays-animated" }} tag="New Arrivals" tagIcon="Calendar" buttons={[{ label: "Shop Now", href: "/iphones", className: "bg-black text-white hover:bg-gray-800" }]} imageSrc="https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80" ariaLabel="iPhone Collection Hero Section" />
<div id="layout" data-section="layout">
<CardStack mode="buttons" gridVariant="uniform-all-items-equal" title="Bestsellers" description="Explore our top-selling iPhone accessories and gadgets." buttons={[{ text: "Shop Now", href: "#" }]} className="mb-8">
<div className="card">
<img src="https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80" alt="iPhone Case" />
<h3>iPhone X Case</h3>
<p>Protect your iPhone with our premium case.</p>
</div>
<div className="card">
<img src="https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80" alt="iPhone Charger" />
<h3>Fast Charger</h3>
<p>Charge your iPhone up to 50% in just 30 minutes.</p>
</div>
<div className="card">
<img src="https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80" alt="iPhone Screen Protector" />
<h3>Screen Protector</h3>
<p>Keep your iPhone screen scratch-free with our ultra-clear protector.</p>
</div>
</CardStack>
</div>
<div id="footer" data-section="footer">