Update src/app/page.tsx

Merge version_7 into main
2026-03-04 13:00:08 +00:00 · 2026-03-04 12:57:17 +00:00 · 2026-03-04 12:57:13 +00:00 · 2026-03-04 12:57:11 +00:00 · 2026-03-04 12:53:30 +00:00 · 2026-03-04 12:53:24 +00:00
3 changed files with 48 additions and 98 deletions
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,49 +1,24 @@
 import type { Metadata } from "next";
-import { Poppins } from "next/font/google";
+import { Inter } from "next/font/google";
 import "./globals.css";
-import { ServiceWrapper } from "@/components/ServiceWrapper";
-import Tag from "@/tag/Tag";
+import "./styles/variables.css";
+import "./styles/base.css";

-const poppins = Poppins({
-  variable: "--font-poppins",  subsets: ["latin"],
-  weight: ["100", "200", "300", "400", "500", "600", "700", "800", "900"],
-});
+const inter = Inter({ subsets: ["latin"] });

 export const metadata: Metadata = {
-  title: "Kviten | Premium Floral Design & Arrangements",  description: "Exquisite handcrafted flower arrangements for weddings, events, and special occasions. Premium quality blooms delivered with artistry and care.",  keywords: "flowers, florist, arrangements, wedding flowers, event flowers, premium bouquets, floral design",  metadataBase: new URL("https://kviten.com"),
-  alternates: {
-    canonical: "https://kviten.com"
-  },
-  robots: {
-    index: true,
-    follow: true
-  },
-  openGraph: {
-    title: "Kviten | Premium Floral Design & Arrangements",    description: "Exquisite handcrafted flower arrangements for weddings, events, and special occasions.",    siteName: "Kviten",    type: "website",    images: [
-      {
-        url: "http://img.b2bpic.net/free-photo/girlfriend-standing-living-room-filled-with-romantic-gifts_482257-77346.jpg",        alt: "Kviten Floral Arrangement"
-      }
-    ]
-  },
-  twitter: {
-    card: "summary_large_image",    title: "Kviten | Premium Floral Design & Arrangements",    description: "Exquisite handcrafted flower arrangements for your special moments.",    images: ["http://img.b2bpic.net/free-photo/girlfriend-standing-living-room-filled-with-romantic-gifts_482257-77346.jpg"]
-  }
-};
+  title: "Kviten - Exquisite Floral Artistry",  description: "Transform your moments into unforgettable memories with Kviten's handcrafted floral arrangements."};

 export default function RootLayout({
  children,
-}: Readonly<{
+}: {
  children: React.ReactNode;
-}>) {
+}) {
  return (
-    <html lang="en" suppressHydrationWarning>
-      <ServiceWrapper>
-        <body
-          className={`${poppins.variable} antialiased`}
-        >
-          <Tag />
-          {children}
-        
+    <html lang="en">
+      <body className={inter.className}>
+        {children}
+      
        <script
          dangerouslySetInnerHTML={{
            __html: `
@@ -1411,7 +1386,6 @@ export default function RootLayout({
          }}
        />
      </body>
-      </ServiceWrapper>
    </html>
  );
 }
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,7 +2,7 @@

 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
-import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
+import HeroBillboard from '@/components/sections/hero/HeroBillboard';
 import TextAbout from '@/components/sections/about/TextAbout';
 import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
 import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
@@ -37,52 +37,27 @@ export default function LandingPage() {
      </div>
      
      <div id="hero" data-section="hero">
-        <HeroBillboardRotatedCarousel
-          title="Exquisite Flowerral Artistry"
-          description="Transform your moments into unforgettable memories with Kviten's handcrafted floral arrangements. Each bloom is carefully selected to create stunwerning designs that speak to the heart."
+        <HeroBillboard
+          title="Exquisite Floral Artistry"
+          description="Transform your moments into unforgettable memories with Kviten's handcrafted floral arrangements. Each bloom is carefully selected to create stunning designs that speak to the heart."
          tag="Premium Flowers"
          tagIcon={Sparkles}
          tagAnimation="slide-up"
          buttons={[
-            { text: "Hello World", href: "#contact" },
-            { text: "Explore Designs", href: "#features" }
+            { text: "Hello World", href: "contact" },
+            { text: "Explore Designs", href: "features" }
          ]}
          buttonAnimation="slide-up"
-          background={{ variant: "plain" }}
-          carouselItems={[
-            { 
-              id: "1", 
-              imageSrc: "http://img.b2bpic.net/free-photo/girlfriend-standing-living-room-filled-with-romantic-gifts_482257-77346.jpg?_wi=1", 
-              imageAlt: "Red rose arrangement" 
-            },
-            { 
-              id: "2", 
-              imageSrc: "http://img.b2bpic.net/free-photo/bouquet-flowers-tree_1153-1066.jpg", 
-              imageAlt: "Wedding flower bouquet" 
-            },
-            { 
-              id: "3", 
-              imageSrc: "http://img.b2bpic.net/free-photo/close-up-blooming-flowers_23-2148443901.jpg", 
-              imageAlt: "Elegant peony arrangement" 
-            },
-            { 
-              id: "4", 
-              imageSrc: "http://img.b2bpic.net/free-photo/flowers-with-glass-beside_23-2148879003.jpg", 
-              imageAlt: "Red carnation design" 
-            },
-            { 
-              id: "5", 
-              imageSrc: "http://img.b2bpic.net/free-photo/empty-room-with-flowers-bouquet-valentines-day-event-celebrating-romantic-holiday-with-red-roses-boxes-sweet-presents-nobody-space-with-gifts-express-love-passion_482257-35457.jpg", 
-              imageAlt: "Romantic rose arrangement" 
-            },
-            { 
-              id: "6", 
-              imageSrc: "http://img.b2bpic.net/free-photo/floral-decor-woman-holding-bouquet-anthurium_140725-10842.jpg", 
-              imageAlt: "Premium studio arrangement" 
-            }
+          imageSrc="http://img.b2bpic.net/free-photo/girlfriend-standing-living-room-filled-with-romantic-gifts_482257-77346.jpg?_wi=1"
+          imageAlt="Red rose arrangement"
+          mediaAnimation="slide-up"
+          avatars={[
+            { src: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg", alt: "User 1" },
+            { src: "http://img.b2bpic.net/free-photo/portrait-smiley-business-woman_23-2148603029.jpg", alt: "User 2" },
+            { src: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg", alt: "User 3" }
          ]}
-          autoPlay={true}
-          autoPlayInterval={4000}
+          avatarText="Loved by customers"
+          background={{ variant: "plain" }}
        />
      </div>
      
@@ -93,7 +68,7 @@ export default function LandingPage() {
          tagAnimation="slide-up"
          title="Celebrating the Beauty of Nature Through Floral Design. At Kviten, we believe every flower tells a story. Our studio combines traditional florist techniques with contemporary aesthetics to create arrangements that inspire, delight, and endure."
          buttons={[
-            { text: "Learn Our Story", href: "#features" }
+            { text: "Learn Our Story", href: "features" }
          ]}
          buttonAnimation="slide-up"
          useInvertedBackground={false}
@@ -102,19 +77,19 @@ export default function LandingPage() {
      
      <div id="features" data-section="features">
        <FeatureCardSeven
-          title="Our Services"
+          title="Join to us"
          description="From wedding celebrations to corporate events, we deliver exceptional floral experiences tailored to your vision."
          tag="What We Offer"
          tagIcon={Star}
          tagAnimation="slide-up"
          buttons={[
-            { text: "Get a Quote", href: "#contact" }
+            { text: "Get a Quote", href: "contact" }
          ]}
          buttonAnimation="slide-up"
          features={[
            {
              id: 1,
-              title: "Wedding Flowers",              description: "Create the wedding of your dreams with our bespoke floral designs. From bridal bouquets to ceremony installations, we handle every detail with precision and passion.",              imageSrc: "http://img.b2bpic.net/free-photo/blooming-flowers-table-garden_1304-4038.jpg",              imageAlt: "Wedding flowers ceremony"
+              title: "Wedding Flowers",              description: "Create the wedding of your dreams with our bespoke floral designs. From bridal bouquets to ceremony installations, we handle every detail with precision and passion.",              imageSrc: "http://img.b2bpic.net/free-photo/blooming-flowers-table-garden_1304-4038.jpg?_wi=2",              imageAlt: "Wedding flowers ceremony"
            },
            {
              id: 2,
@@ -132,6 +107,7 @@ export default function LandingPage() {
          textboxLayout="default"
          animationType="blur-reveal"
          useInvertedBackground={true}
+          textBoxTitleClassName="text-purple-600"
        />
      </div>
      
@@ -188,23 +164,23 @@ export default function LandingPage() {
          columns={[
            {
              title: "Services",              items: [
-                { label: "Wedding Flowers", href: "#features" },
-                { label: "Event Decoration", href: "#features" },
-                { label: "Gift Arrangements", href: "#features" },
-                { label: "Subscriptions", href: "#features" }
+                { label: "Wedding Flowers", href: "features" },
+                { label: "Event Decoration", href: "features" },
+                { label: "Gift Arrangements", href: "features" },
+                { label: "Subscriptions", href: "features" }
              ]
            },
            {
              title: "About",              items: [
-                { label: "Our Story", href: "#about" },
+                { label: "Our Story", href: "about" },
                { label: "Our Team", href: "#" },
-                { label: "Portfolio", href: "#features" },
+                { label: "Portfolio", href: "features" },
                { label: "Blog", href: "#" }
              ]
            },
            {
              title: "Contact",              items: [
-                { label: "Get in Touch", href: "#contact" },
+                { label: "Get in Touch", href: "contact" },
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" },
                { label: "Follow Us", href: "#" }
@@ -215,4 +191,4 @@ export default function LandingPage() {
      </div>
    </ThemeProvider>
  );
-}
+}
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -10,15 +10,15 @@
  --accent: #e2e2e2;;
  --background-accent: #2d0000;; */

-  --background: #ffffff;;
-  --card: #a2f287;;
-  --foreground: #5e0404;;
-  --primary-cta: #f5788d;;
-  --primary-cta-text: #ffffff;;
-  --secondary-cta: #1a0000;;
-  --secondary-cta-text: #e1db32;;
-  --accent: #1f35d4;;
-  --background-accent: #2d0000;;
+  --background: #f5f5f5;;
+  --card: #ffffff;;
+  --foreground: #1c1c1c;;
+  --primary-cta: #1c1c1c;;
+  --primary-cta-text: #f5f5f5;;
+  --secondary-cta: #ffffff;;
+  --secondary-cta-text: #1c1c1c;;
+  --accent: #159c49;;
+  --background-accent: #a8e8ba;;

  /* text sizing - set by ThemeProvider */
  /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
Author	SHA1	Message	Date
bender	8176f7e34b	Update src/app/page.tsx	2026-03-04 13:00:08 +00:00
bender	da02cecf3f	Merge version_7 into main Merge version_7 into main	2026-03-04 12:57:17 +00:00
bender	86485209fe	Update src/app/styles/variables.css	2026-03-04 12:57:13 +00:00
bender	16994037ac	Update src/app/layout.tsx	2026-03-04 12:57:11 +00:00
bender	298468e961	Merge version_6 into main Merge version_6 into main	2026-03-04 12:53:30 +00:00
bender	960a3f7556	Update theme colors	2026-03-04 12:53:24 +00:00
bender	2a39520935	Merge version_6 into main Merge version_6 into main	2026-03-04 12:52:31 +00:00
bender	48be37197e	Update theme colors	2026-03-04 12:52:24 +00:00
bender	dd9d7f5421	Merge version_6 into main Merge version_6 into main	2026-03-04 12:51:04 +00:00
bender	7ece695655	Update src/app/page.tsx	2026-03-04 12:50:59 +00:00
bender	976fd5eb4d	Merge version_6 into main Merge version_6 into main	2026-03-04 12:49:57 +00:00
bender	98945b0369	Update src/app/page.tsx	2026-03-04 12:49:52 +00:00
bender	d0446c5801	Merge version_6 into main Merge version_6 into main	2026-03-04 12:48:26 +00:00
bender	767a9455e4	Update src/app/page.tsx	2026-03-04 12:48:21 +00:00
bender	b798dccf7c	Update src/app/layout.tsx	2026-03-04 12:48:20 +00:00
bender	10890fe4a4	Merge version_5 into main Merge version_5 into main	2026-03-04 12:40:49 +00:00
bender	a5349871ad	Update src/app/page.tsx	2026-03-04 12:40:44 +00:00
bender	7c2e6604ec	Merge version_4 into main Merge version_4 into main	2026-03-04 12:25:57 +00:00
bender	03e33dd565	Merge version_4 into main Merge version_4 into main	2026-03-04 12:18:57 +00:00