import HeroSection from "@/components/hero-section";  
import ContentCardCarousel from "@/components/content-card-carousel";
import Footer from "@/components/footer";
import PicWithText from "@/components/pic-with-text";

import pictureOne from "../assets/hero-picture-1.png"
import pictureTwo from "../assets/hero-picture-2.png"
import pictureThree from "../assets/hero-picture-3.png"
import pictureFour from "../assets/BrickslipsWebPage.png"
import heroPicture from "../assets/mxj-files-planet-27066.gif"
import logo from "../assets/milaoktasafitri-astronomy-9746537_1920.png"

export default function Home() {
  const contentCards = [
    {
      heading: "Michala's Art Gallery",
      card_text: "This case study was for a small business selling artwork",
      button_text: "Read More",
      src: pictureOne.src
    },
    {
      heading: "Athlito",
      card_text: "This was an Ecommerce padel shop",
      button_text: "Read More",
      src: pictureTwo.src
    },
    {
      heading: "Birchover Reclamation",
      card_text: "This case study was for a stone yard company",
      button_text: "Read More",
      src: pictureThree.src
    },
    {
      heading: "Brickslips Direct LTD",
      card_text: "This case study was for a small business selling brickslips",
      button_text: "Read More",
      src: pictureFour.src
    }
  ]

  const picWithText = {
    title: "Building a better web, one pixel at a time",
    text: "Over the last year, we've had the privilege of working with a diverse range of clients, from local artisans to growing enterprises. Each project has been an opportunity to learn, innovate, and create something truly unique. Our commitment to quality and customer satisfaction has earned us a reputation for excellence in the web development industry.",    
    src: logo.src,
    reverse: false
  }

  const HeroSectionProps = {
    description: "Sculpted Arc Web Solutions is a web development company. Our passion ranges from creating stunning websites to developing innovative digital solutions. We would love to hear more about your project",
    buttonText: "Tell us about your project",
    imageSrc: heroPicture.src
  }

  return (
    <>
        <HeroSection {...HeroSectionProps} />
        <PicWithText {...picWithText} />
        
        <div className="w-full m-auto">
          <ContentCardCarousel cards={contentCards} />
        </div>
    </>
  )
}
