3 Commits

View File

@@ -2,7 +2,6 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple'; import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
import ProductCardOne from '@/components/sections/product/ProductCardOne'; import ProductCardOne from '@/components/sections/product/ProductCardOne';
import MediaAbout from '@/components/sections/about/MediaAbout'; import MediaAbout from '@/components/sections/about/MediaAbout';
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia'; import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
@@ -11,6 +10,7 @@ import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCar
import ContactCenter from '@/components/sections/contact/ContactCenter'; import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterCard from '@/components/sections/footer/FooterCard'; import FooterCard from '@/components/sections/footer/FooterCard';
import { Facebook, Instagram, Linkedin, Mail, Shield, Sparkles, Star, Twitter, Zap } from "lucide-react"; import { Facebook, Instagram, Linkedin, Mail, Shield, Sparkles, Star, Twitter, Zap } from "lucide-react";
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
export default function LandingPage() { export default function LandingPage() {
return ( return (
@@ -39,37 +39,6 @@ export default function LandingPage() {
/> />
</div> </div>
<div id="hero" data-section="hero">
<HeroBillboardCarousel
title="The Future of Mobile Innovation"
description="Experience cutting-edge technology with stunning design. Discover iPhone's revolutionary features that redefine what's possible."
tag="Latest Technology"
tagIcon={Zap}
background={{ variant: "sparkles-gradient" }}
mediaItems={[
{
imageSrc: "https://img.b2bpic.net/free-psd/new-smartphone-a18-bionic-social-media-banner-design-template_47987-33085.jpg", imageAlt: "iPhone premium design showcase"
},
{
imageSrc: "https://img.b2bpic.net/free-photo/mockup-mobile-phone-screen_53876-63379.jpg", imageAlt: "iPhone innovative features"
},
{
imageSrc: "https://img.b2bpic.net/free-photo/curly-young-woman-silk-stylish-black-pajamas-eyeglasses-sits-brown-soft-sofa-with-laptop_197531-33652.jpg", imageAlt: "iPhone stunning display"
},
{
imageSrc: "https://img.b2bpic.net/free-psd/phone-screen-mockup-couch_23-2152021409.jpg", imageAlt: "iPhone modern technology"
},
{
imageSrc: "https://img.b2bpic.net/free-photo/handsome-bearded-man-wearing-suit-sitting-leather-sofa-holding-smartphone-comfort-relaxation_496169-1406.jpg", imageAlt: "iPhone in hand"
}
]}
buttons={[
{ text: "Shop Now", href: "#products" },
{ text: "Learn More", href: "#features" }
]}
/>
</div>
<div id="products" data-section="products"> <div id="products" data-section="products">
<ProductCardOne <ProductCardOne
title="Best Selling Products" title="Best Selling Products"
@@ -266,6 +235,14 @@ export default function LandingPage() {
/> />
</div> </div>
<div id="hero" data-section="hero">
<HeroBillboard title="Welcome to the Worst Products Hall of Shame!" description="Check out our most regrettable creations. We promise, these are the worst!" background={{ variant: "downward-rays-animated" }} buttons={[{ label: "Shop Our Best Products", href: "/products" }]} marqueeItems={[{ label: "The FlopPhone", href: "#" }, { label: "Screenless Screen", href: "#" }, { label: "Battery Drain 3000", href: "#" }, { label: "Keyboardless Keyboard", href: "#" }]} marqueeSpeed={50} imageSrc="https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80" imageAlt="Worst Products" />
</div>
<div id="hero" data-section="hero">
<HeroBillboard title="Explore the Latest iPhone Models!" description="Discover the newest features and innovations in the iPhone lineup." background={{ variant: "downward-rays-animated" }} buttons={[{ label: "Shop iPhones", href: "/iphone" }]} marqueeItems={[{ label: "iPhone 14 Pro", href: "#" }, { label: "iPhone 14", href: "#" }, { label: "iPhone SE", href: "#" }, { label: "iPhone 13", href: "#" }]} marqueeSpeed={50} imageSrc="https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80" imageAlt="Latest iPhone Models" />
</div>
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterCard <FooterCard
logoText="iPhone" logoText="iPhone"