diff --git a/src/app/page.tsx b/src/app/page.tsx index 84c52ab..28cbe5e 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -53,7 +53,7 @@ export default function LandingPage() { ]} buttonAnimation="slide-up" layoutOrder="default" - imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zip1sb&_wi=1" + imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zip1sb" imageAlt="Blok M Square Modern Mall Exterior" mediaAnimation="blur-reveal" frameStyle="browser" @@ -81,13 +81,13 @@ export default function LandingPage() { description="Discover an unparalleled collection of international and local brands, combined with exceptional service and modern amenities." tag="Premium Destinations" tagIcon={Sparkles} - tagAnimation="entrance-slide" + tagAnimation="blur-reveal" features={[ { title: "Luxury Fashion", description: "Exclusive designer boutiques featuring the latest collections from world-renowned fashion houses.", icon: ShoppingBag, mediaItems: [ - { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=b3ql6m&_wi=1", imageAlt: "Luxury Fashion Retail Store" }, - { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=b3ql6m&_wi=2", imageAlt: "Designer Boutique Interior" } + { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=b3ql6m", imageAlt: "Luxury Fashion Retail Store" }, + { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=b3ql6m", imageAlt: "Designer Boutique Interior" } ] }, { @@ -100,15 +100,15 @@ export default function LandingPage() { { title: "Entertainment Hub", description: "State-of-the-art cinema, arcade gaming, and entertainment facilities for family fun and relaxation.", icon: Film, mediaItems: [ - { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=uva8ej&_wi=1", imageAlt: "Entertainment Center" }, - { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=uva8ej&_wi=2", imageAlt: "Modern Entertainment Venue" } + { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=uva8ej", imageAlt: "Entertainment Center" }, + { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=uva8ej", imageAlt: "Modern Entertainment Venue" } ] }, { title: "Modern Amenities", description: "Complete with premium parking, climate control, lounge areas, and accessibility features for utmost comfort.", icon: Home, mediaItems: [ - { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zip1sb&_wi=2", imageAlt: "Modern Mall Facilities" }, - { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zip1sb&_wi=3", imageAlt: "Contemporary Amenities" } + { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zip1sb", imageAlt: "Modern Mall Facilities" }, + { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zip1sb", imageAlt: "Contemporary Amenities" } ] } ]} @@ -126,7 +126,7 @@ export default function LandingPage() { description="Blok M Square stands as Jakarta's most visited shopping destination with impressive visitor engagement and customer satisfaction." tag="Our Impact" tagIcon={TrendingUp} - tagAnimation="entrance-slide" + tagAnimation="blur-reveal" metrics={[ { id: "visitors", icon: Users, title: "Annual Visitors", value: "3.2M+" }, { id: "satisfaction", icon: Star, title: "Customer Satisfaction", value: "98%" }, @@ -146,7 +146,7 @@ export default function LandingPage() { description="Thousands of satisfied customers share their positive experiences at Blok M Square every month." tag="Customer Reviews" tagIcon={Heart} - tagAnimation="entrance-slide" + tagAnimation="blur-reveal" testimonials={[ { id: "testimonial-1", name: "Sarah Johnson", handle: "@sarahjoshopping", testimonial: "Blok M Square is my favorite shopping destination! The variety of brands, excellent service, and beautiful ambiance make every visit special. I love discovering new restaurants and boutiques here.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=sv4tst", imageAlt: "Sarah Johnson - Happy Customer", icon: Star @@ -182,7 +182,7 @@ export default function LandingPage() { description="Blok M Square is home to the world's most prestigious retailers, restaurants, and entertainment brands." tag="Our Partners" tagIcon={Award} - tagAnimation="entrance-slide" + tagAnimation="blur-reveal" names={["Louis Vuitton", "Gucci", "Zara", "H&M", "Forever 21", "Nike", "Adidas", "Starbucks", "McDonald's", "KFC", "Pizza Hut", "XXI Cinema"]} logos={[ "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zjurim", "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4ksl91", "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9y5dsz", "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=sgpido", "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=l17p9e", "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=plzd9q", "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=fh1mlt", "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=vvyi0l" @@ -201,7 +201,7 @@ export default function LandingPage() { description="Find answers to common questions about visiting Blok M Square." tag="Help & Support" tagIcon={HelpCircle} - tagAnimation="entrance-slide" + tagAnimation="blur-reveal" faqs={[ { id: "faq-1", title: "What are the operating hours?", content: "Blok M Square is open from 10:00 AM to 10:00 PM daily. Extended hours may be available during holidays and special events. Please check our website or contact us for specific dates." @@ -236,7 +236,7 @@ export default function LandingPage() { title="Plan Your Visit to Blok M Square" description="Subscribe to our newsletter to receive exclusive deals, event updates, and insider information about new stores and dining experiences." tagIcon={Mail} - tagAnimation="entrance-slide" + tagAnimation="blur-reveal" background={{ variant: "radial-gradient" }} useInvertedBackground={false} imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=fajcjh"